Javascript 在amcharts中使用AmPieChart如何显示分组部分的总数?
使用groupPercent=2.5在am图表中创建饼图。显示了该部分的总百分比,但我无法使图表显示该部分的总百分比。有什么想法吗 图表设置:Javascript 在amcharts中使用AmPieChart如何显示分组部分的总数?,javascript,amcharts,Javascript,Amcharts,使用groupPercent=2.5在am图表中创建饼图。显示了该部分的总百分比,但我无法使图表显示该部分的总百分比。有什么想法吗 图表设置: var chart = AmCharts.makeChart(context.chartName, chartSettings); ChartTitle: "Sales Analysis By Customer Code Current Fiscal Year Last Refreshed: 7/16/2015 1
var chart = AmCharts.makeChart(context.chartName, chartSettings);
ChartTitle: "Sales Analysis
By Customer Code
Current Fiscal Year
Last Refreshed: 7/16/2015 10:23 AM"
angle: 30
balloonText: "[[title]]: [[View_Total_Sales_formatted]]"
categoryAxis: Object
position: ""__proto__: Object
dataProvider: Array[64]
depth3D: 20
export: Object
groupPercent: 2.5
groupedTitle: "Other: [[value]] ([[percents]]%)"
labelText: "[[title]]: [[View_Total_Sales_formatted]] ([[percents]]%)"
maxAngle: 60
maxDepth: 30
minAngle: 0
minDepth: 1
outlineAlpha: 0.4
startDuration: 0
theme: "light"
titleField: "view_Customer_Code"
type: "pie"
valueField: "View_Total_Sales"
“分组”切片的标签将使用相同的labelText
属性。您似乎正在使用元代码[[View\u Total\u Sales\u formatted]]
来引用要显示的数据中的特定字段。当然,分组切片不能对基于字符串的多个自定义字段求和
有两种解决方案:
1) 改用[[value]]
。它将汇总所有分组标题的值。图表本身可以应用数字格式。有几个属性允许您执行此操作:
即:
2) 如果上面的数字格式选项不够,您可以使用指定自己的JavaScript代码来格式化标签
labelFunction: function(item) {
// format value
var value = Math.round( item.value );
// format percent
var percent = Math.round( item.percents );
// format and return the label content
return item.title + ": " + value + " (" + percent + "%)";
}
以下是使用上述方法的完整设置:
var图表设置={
角度:30,
气球文字:“[[title]]:[[View_Total_Sales_formatted]]”,
数据提供程序:[{
“查看客户代码”:“立陶宛”,
“查看总销售额”:501.9
}, {
“查看客户代码”:“捷克共和国”,
“查看总销售额”:301.9
}, {
“查看客户代码”:“爱尔兰”,
“查看总销售额”:201.1
}, {
“查看客户代码”:“德国”,
“查看总销售额”:165.8
}, {
“查看客户代码”:“澳大利亚”,
“查看总销售额”:13.1
}, {
“查看客户代码”:“奥地利”,
“查看总销售额”:12.3
}, {
“查看客户代码”:“英国”,
“查看总销售额”:9
}, {
“查看客户代码”:“比利时”,
“查看总销售额”:6
}, {
“查看客户代码”:“荷兰”,
“查看总销售额”:5
} ],
深度3D:20,
组别百分比:2.5,,
groupedTitle:“其他”,
labelFunction:函数(项){
//格式值
var值=数学四舍五入(item.value);
//格式百分比
变量百分比=数学四舍五入(项目百分比);
//格式化并返回标签内容
return item.title+“:“+value+”(“+percent+”)”;
},
最大角度:60,
最大深度:30,
米南格尔:0,
minDepth:1,
大纲图阿尔法:0.4,
开始持续时间:0,
主题:“光”,
标题栏:“查看客户代码”,
键入:“馅饼”,
valueField:“查看总销售额”
};
var chart=AmCharts.makeChart(“chartdiv”,chartSettings)代码>
#chartdiv{
宽度:100%;
高度:500px;
}
您的意思是在图表标签中显示分组图表中各部分的值之和吗?另外,对于记录,当张贴时,考虑把你的代码发布到目前为止。这正是我的意思。那它是什么?要显示其他切片的所有细节吗?
labelFunction: function(item) {
// format value
var value = Math.round( item.value );
// format percent
var percent = Math.round( item.percents );
// format and return the label content
return item.title + ": " + value + " (" + percent + "%)";
}