HighCharts:仅在线组合图表上显示标签

时间:2013-09-26 14:16:18

标签: javascript charts highcharts

我使用HighChart显示图表。我做了一个带条形和直线的组合图表。它运作良好,但我想只在线上显示标签,而不是在栏上,但我不管理。

这里我的代码显示标签:

 plotOptions: {
       series: {
         dataLabels: {
                        enabled: true
                    }
           }
  },

使用“系列”选项,我在每种类型的图表(条形和线条)上都有标签。

 plotOptions: {
       line: {
         dataLabels: {
                        enabled: true
                    }
           }
  },

使用“line”选项我没有标签。

那么,是否有可能只在一种图表上显示标签?

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

这对你不起作用?见fiddle。我猜你的其他配置选项之一是隐藏标签(或将它们移动到无法看到的位置,或将其字体颜色设置为与背景相同......等等)。

 $(function () {
    $('#container').highcharts({

        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        series: [{
            type:'line',
            data: [29.9, 71.5, 106.4, 129.2]
        }, {
            type: 'bar',
            data: [22.9, 55.5, 134.4]
        }]

    });
});