如何在堆叠的Amchart中显示列顶部的百分比

时间:2017-01-11 11:18:29

标签: javascript amcharts

我正在使用堆叠的amcharts。例如,一个 Amchart

现在我想在每列的顶部显示整体百分比。如何添加百分比

1 个答案:

答案 0 :(得分:1)

您可以显示百分比而非列数'设置图表的价值' labelText字符串"[[percents]]%"。该文档列出了可以使用的所有[[shortcodes]]

  "graphs": [{
    // ...
    "labelText": "[[percents]]%",
    // ...
  }, 
  // repeat for each graph object
  ]

Demo

修改

如果您需要显示与所有数据总和相关的类别总体价值的百分比,您可以通过提供{{{的所有列的类别总数和总和来解决此问题。 1}},创建一个使用列总数的不可见折线图,并使用dataProvider

显示计算的百分比

以下是您的数据的示例:

labelFunction

以下是图表设置:

  "dataProvider": [{
    "year": 2003,
    "europe": 2.5,
    "namerica": 2.5,
    "asia": 2.1,
    "lamerica": 0.3,
    "meast": 0.2,
    "africa": 0.1,
    "columnTotal": 7.7, // total for this column
    "dataTotal": 24.7  // calculated total of the data in all categories
  }, 
  // repeat for each data point
]

Demo