highcharts响应datalabels显示(highcharts responsive dat

有什么办法来设置highcharts的dataLabels不为更小的尺寸重叠？

我有一个图是类似这样的 ，但我想实现的是：

• 交替Y值（数据标签：15，40，等等）
• 避免文本重叠，而不是数量的我：“龙文”，这叠盖iPhone大小

有没有指定任何其他选项x和y的位置dataLabels ？

{
  "x": 1400457600000,
  "y": 15,
  "dataLabels": {
      "x": 25,
      "y": -5,
      "style": {
         "color": "#000000"
      }
   }
}

Answer 1:

您可以使用这个例子检测冲突。

 events: {
                load: function() {
                    StaggerDataLabels(this.series);
                },
                redraw: function() {
                    var series = this.series;
                    setTimeout(function() {
                        StaggerDataLabels(series);
                    }, 1000);
                }
            },

Answer 2:

您可以与客户格式化交替他们。 该功能跟踪它有多少次被调用，并且仅返回标签偶数调用：

plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                formatter: function(){
                    if (this.series.chart.dlFCalls == null){
                        this.series.chart.dlFCalls = -1;
                    }
                    this.series.chart.dlFCalls++;
                    if (this.series.chart.dlFCalls % 2 == 0){
                        return this.y;   
                    }
                }
            }
        }
    }

至于配件长的文字，我会使用的组合旋转和偏移y值了一下。

这里有一个小提琴例子 。

文章来源: highcharts responsive datalabels display