Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在amcharts中使用AmPieChart如何显示分组部分的总数?_Javascript_Amcharts - Fatal编程技术网

Javascript 在amcharts中使用AmPieChart如何显示分组部分的总数?

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

使用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 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 + "%)";
}