*Highcharts*绘制百分比折线图

*Highcharts* Drawing Percent Line Chart

本文关键字：折线图 百分比 绘制 Highcharts      更新时间：2023-09-26

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

    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/

我想用百分比而不是绝对值来画它的折线图，我该怎么做？

将stacking设置为percent，也可以将valueSuffix设置为tooltip。

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

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

还有一个例子在堆叠API参考线与"百分比"堆叠演示

编辑：

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

Highcharts论坛上的相关主题。

相关文章：