Amcharts-生成带有百分比值的序列图表

Amcharts-生成带有百分比值的序列图表,charts,percentage,amcharts,Charts,Percentage,Amcharts,我正在尝试生成带有百分比值的serialChart-例如,在x轴上我们将有国家列表,在y轴上我们将有百分比值-从0到100%。条形图显示了一些值,总和为100%。我的问题是如何“告诉”图表什么和代表100%?如果我只是将“RecreacteToPercents”:true添加到valueAxes对象,则图表是使用百分比值生成的,但不正确: 正确的图表应如下所示: "balloonText": "[[category]]: <b>[[percents]]%</b>"

我正在尝试生成带有百分比值的serialChart-例如,在x轴上我们将有国家列表,在y轴上我们将有百分比值-从0到100%。条形图显示了一些值,总和为100%。我的问题是如何“告诉”图表什么和代表100%?如果我只是将“RecreacteToPercents”:true添加到valueAxes对象,则图表是使用百分比值生成的,但不正确:

正确的图表应如下所示:

"balloonText": "[[category]]: <b>[[percents]]%</b>"

以下是(错误图形的)示例代码:

var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“串行”,
“主题”:“无”,
“数据提供者”:[{
“国家”:“西班牙”,
“访问”:20
}, {
“国家”:“荷兰”,
“访问”:40
}, {
“国家”:“俄罗斯”,
“访问”:5
}, {
“国家”:“韩国”,
“访问”:15
}, {
“国家”:“加拿大”,
“访问”:15
}, {
“国家”:“巴西”,
“访问”:5
}],
“价值轴”:[{
“百分比”:正确,
“gridColor”:“#FFFFFF”,
“gridAlpha”:0.2,
“dashLength”:0
}],
“网格图”:没错,
“起始持续时间”:1,
“图表”:[{
“文本”:“[[category]]:[[value]]”,
“填充字母”:0.8,
“lineAlpha”:0.2,
“类型”:“列”,
“valueField”:“访问”
}],
“图表光标”:{
“CategoryBallooneEnabled”:false,
“cursorAlpha”:0,
“可缩放”:错误
},
“类别字段”:“国家”,
“分类法”:{
“网格位置”:“开始”,
“gridAlpha”:0
}
}))


提前感谢您的帮助:-)

您必须自己进行计算,并使用百分比值作为您的值字段。没那么难:

百分比=100*值/总和


如果需要在工具提示或标签中包含真实值,只需将真实值添加到数据提供程序中,并在工具提示或标签中使用此字段,如:BallooText=“[[category]]:[[realValue]]([[value]]]%”)

将此添加到
图表准备就绪(


尝试按如下方式修改初始化代码:

"balloonText": "[[category]]: <b>[[percents]]%</b>"
“气球文本”:“[[category]]:[[percents]]%”
注意关键字
[[percents]]
,这里是另一个有用的关键字:
[[total]]]

"balloonText": "[[category]]: <b>[[percents]]%</b>"