将stacklabels添加到highcharts-ng

时间:2014-12-11 17:22:06

标签: javascript angularjs highcharts highcharts-ng

我试图将堆栈标签(http://api.highcharts.com/highcharts#yAxis.stackLabels)添加到我的图表

http://jsfiddle.net/Hjdnw/970/

根据文档,https://github.com/pablojim/highcharts-ng所有选项都应该进入选项对象。

$scope.chartConfig = {
        options: {
            chart: {
                type: 'bar'
            },
            yAxis: {
              stackLabels: {
                style: {
              color: 'black'
            },
            enabled: true
          }
        },
        },

        series: [{
            data: [10, 15, 12, 8, 7]
        }],
        title: {
            text: 'Hello'
        },

        loading: false
    }

我做错了什么?

2 个答案:

答案 0 :(得分:1)

您只需要在plotOptions中将bar stacking method添加到chartConfig.options

plotOptions: {
    bar: {
        stacking: 'normal'
    }
}

当此值为null(或未指定)时,将禁用堆栈值。

这是一个有效的演示:http://jsfiddle.net/scfy8w53/

答案 1 :(得分:0)

xAxis应该是一个对象而不是一个数组。配置应该像这样设置:

xAxis: {
  categories: ['Option 1', 'Option 2 ']
}

更新应该是:

$scope.chartConfig.xAxis.categories = ['Option New 1', 'Option New 2'];

Fiddle 网址