* Highcharts *绘制百分比折线图

时间:2015-12-11 09:05:35

标签: javascript highcharts

我有一个这样的折线图:`

    series: [{
        data: [
            ['A', 29.9],
            ['B', 71.5],
            ['C', 106.4]
        ],
        name: 'l1'
    },
    {
        data: [
            ['A', 33.9],
            ['B', 22.5],
            ['C', 77.4]
        ],
        name: 'l2'
    },
    {
        data: [
            ['A', 55.9],
            ['B', 21.5],
            ['C', 134.4]
        ],
        name: 'l3'
    }]

http://jsfiddle.net/m1utpa41/

我希望按百分比绘制折线图而不是绝对值,我该怎么做?

1 个答案:

答案 0 :(得分:0)

stacking设置为percent,您可以选择为tooltip设置valueSuffix

...
plotOptions: {
  series: {
    stacking: 'percent'
  }
},
tooltip: {
    valueSuffix: '%'
},
...

JSFiddle:http://jsfiddle.net/m1utpa41/3/

stacking API reference - Line with "percent" stacking demo

中还有一个示例

修改

但是,如果您希望获得一个系列,将每个数据点设置为系列汇总数据的百分比值,则没有默认选项可以允许此功能,但您可以只处理数据。 示例:http://jsfiddle.net/oxja7u7k/

Related topic on Highcharts forum.