无法在 Highcharts 折线图中查看重叠的数据标签

Question

我正在使用一些在高图中生成条形图的代码，并且特别尝试让所有数据标签显示出来，即使系列中的点接近或重叠（取决于手动/自动设置的图表的最大高）。

此数据是生成的，因此我只能在渲染图上看到它。

bower.json 显示 highcharts-release：“6.0.7

希望得到与此示例类似的内容：

[https://jsfiddle.net/9qc3fjk2/][1]

2

Highcharts.chart('container', {
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
    plotOptions: {
        series: {
            cursor: 'pointer',
            events: {
                click: function () {
                    alert('You just clicked the graph');
            }
        }
    }
},

    series: [{
        name: 'Series 1',
        data: [30, 75, 110, 130, 140, 170, 140, 150, 210, 200, 100, 60],
}, {
        name: 'Series 2',
        data: [40, 80, 100, 120, 150, 171, 145, 140, 130, 110, 90, 70],
}],

});

  [1]: https://i.stack.imgur.com/qHyQC.png
  [2]: [https://jsfiddle.net/9qc3fjk2/][2]

Answer 1

启用

allowOverlap

选项就足够了。

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

---

现场演示：https://jsfiddle.net/BlackLabel/x03wbe8m/

API 参考： https://api.highcharts.com/highcharts/series.line.dataLabels.allowOverlap