Highcharts样条数据标签重叠 [英] Highcharts spline dataLabels overlapping

问题描述

我有一个关于highchart的重叠数据标签的问题。我有2个样条数据系列，你可以在这里看到 http://jsfiddle.net/3E8V4/ 一些数据标签是重叠的。

这里的问题是：是否可以防止这种重叠？如果是的话 - 我应该怎么做？

plotoptions的代码如下所示：

  plotOptions：{
 spline：{
 dataLabels：{
 enabled：'True'，
 crop：false，
 overflow：'none'
}，
 enableMouseTracking：false 
} 
}，
  

您可以使用该插件重新定位dataLabels： http：// jsfiddle .net / menXU / 1 / 这不是完美的，因为只适用于max 2系列，并且需要禁用动画，否则重新定位dataLabels时会看到很小的延迟。

如何使用？复制 StaggerDataLabels 和 isLabelOnLabel 函数，然后使用 StaggerDataLabels 加载并重绘图表事件。

I have a question about highchart's overlapping data labels. I have 2 spline data series and as you can see here http://jsfiddle.net/3E8V4/ some data labels are overlapping.

Question here is: is this overlapping even possible to prevent? If yes - how should I do it?

Code for plotoptions is like that:

plotOptions: {
            spline: {
                dataLabels: {
                    enabled: 'True',
                    crop: false,
                    overflow: 'none'
                },
                enableMouseTracking: false
            }
        },

解决方案

You can use that plugin for repositioning dataLabels: http://jsfiddle.net/menXU/1/ It's not perfect, since works only for max 2 series and requires disabled animations, or you will see little delay when repositioning dataLabels.

How to use? Copy StaggerDataLabels and isLabelOnLabel functions, and then use StaggerDataLabels in load and redraw events for chart.

这篇关于Highcharts样条数据标签重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！