HighCharts总计堆叠百分比

时间:2014-01-17 15:57:32

标签: javascript highcharts

我正在显示堆积百分比柱形图。我希望总数显示在最上面。我在YAxis中添加了以下内容:

stackLabels: {
    enabled: true, // This is ignored <<<<<<
    style: {
      fontWeight: 'bold',
      color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
    }
}

但这只有在堆叠不是“百分比”时才有效。如何实现我想要的(在堆叠柱顶部显示总数?

可以在http://jsfiddle.net/Bzs2k/1/

检查代码

2 个答案:

答案 0 :(得分:1)

实际上stackLabels选项正常,但是图表顶部的标签没有足够的空间。将其添加到yAxis以填充一些空格:

yAxis: {
    min: 0,
    max: 105,
    endOnTick: false,
    etc...

更新了小提琴here

enter image description here

答案 1 :(得分:0)

您也可以将y值设置为正值。

stackLabels: {
                 y:10,
                enabled: true, // This is ignored <<<<<<
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
}

http://jsfiddle.net/Bzs2k/4/