amcharts4饼状图显示百分比的小数点设置

amcharts4的饼状图，通过数据计算的百分比默认是一位的，可以通过设置改为2位

 series.labels.template.text = "{value.percent.formatNumber('#.00')}%";

完整代码如下：

 // Set themeam4core.useTheme(am4themes_animated);// Generate random datavar data = {$data};var chart = am4core.create("chartdiv", am4charts.PieChart);chart.data = data;/* Create series */var series = chart.series.push(new am4charts.PieSeries());series.dataFields.value = "amount";series.dataFields.category = "company";/* Disable labels */series.labels.template.disabled = false;series.ticks.template.disabled = false;//设置小数点series.labels.template.text = "{value.percent.formatNumber('#.00')}%";/* Create legend */chart.legend = new am4charts.Legend();/* Create a separate container to put legend in */var legendContainer = am4core.create("legenddiv", am4core.Container);legendContainer.width = am4core.percent(100);legendContainer.height = am4core.percent(100);chart.legend.parent = legendContainer;chart.events.on("datavalidated", resizeLegend);chart.events.on("maxsizechanged", resizeLegend);chart.legend.events.on("datavalidated", resizeLegend);chart.legend.events.on("maxsizechanged", resizeLegend);function resizeLegend(ev) {document.getElementById("legenddiv").style.height = chart.legend.contentHeight + "px";}chart.exporting.menu = new am4core.ExportMenu();chart.exporting.extraSprites.push({"sprite": legendContainer,"position": "bottom","marginTop": 20});

具体看官方demo
https://www.amcharts.com/docs/v4/tutorials/dealing-with-piechart-labels-that-dont-fit/

amcharts4饼状图显示百分比的小数点设置相关推荐

JFreeChart饼状图显示百分比
jfreechart-1.0.1中设置饼图默认的Label是传入的数值,但往往我们想显示的是Label的百分比,如何设置值为"n%"呢?在旧包里是可以直接设置的,而jfreecha ...
vb 饼状图显示百分比_Matplotlib-饼图
一.饼图(Pie)介绍饼图广泛得应用在各个领域,用于表示不同分类的占比情况,通过弧度大小来对比各种分类.饼图通过将一个圆饼按照分类的占比划分成多个区块,整个圆饼代表数据的总量,每个区块(圆弧)表示该 ...
AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示
前言: "宁肯像种子一样等待也不愿像疲惫的陀螺旋转得那样勉强" 这是前几天在查资料无意间看到的一位园友的签名,看完后又读了两遍,觉得很有味道.后来一寻根究底才知这是出资大诗 ...
python饼状图颜色一样_python数据可视化：折线图、条形图、饼状图显示
前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. matplotlib是Python的一个强大的2D图形绘制库,使用需要安装 ...
python数据可视化：折线图、条形图、饼状图显示
前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. matplotlib是Python的一个强大的2D图形绘制库,使用需要安装 ...
JFreeChart饼状图显示数字
2019独角兽企业重金招聘Python工程师标准>>> 饼图标签显示百分比方法 PiePlot pp = (PiePlot)chart.getPlot(); pp.set ...
echarts柱状图显示百分比_Echarts 饼状图显示信息,内容,值,百分比都显示的代码更改图例等问题汇总...
增加了显示比例,显示内容显示比例代码显示完整代码: series: [{name:'访问来源',type:'pie',radius: ['50%', '70%'],avoidLabelOverlap ...
echarts 饼状图显示各类别展示所占百分比
var myChart = echarts.init(document.getElementById('divChartHous'), 'macarons');myChart.setOption({t ...
饼状图显示各类别展示所占百分比
var myChart = echarts.init(document.getElementById('divChartHous'), 'macarons');myChart.setOption({t ...
chartjs（react-chartjs-2）饼状图添加百分比显示
框架react import React from 'react'; import {Pie} from 'react-chartjs-2';const data = {labels: ['1Red' ...

amcharts4饼状图显示百分比的小数点设置

amcharts4饼状图显示百分比的小数点设置相关推荐

最新文章

热门文章