标志堆栈距离不起作用答案

【问题标题】：Flags Stack Distance Not Working标志堆栈距离不起作用
【发布时间】：2015-06-08 08:00:50
【问题描述】：

我在 HighStock 图表中绘制标志。它是一个多系列图表。我正在绘制像 {x:21,y:32} 这样的标志。但是我的标志重叠了。而且堆栈距离也不起作用。

[
                              {
                                 name : 'X Series',
                                 id : 'series1',
                                 data : data1,
                                 allowPointSelect : true,
                                 color : '#840000'
                              },
                              {
                                 name : 'Y Series',
                                 data : data2,
                                 dashStyle : 'shortdot',
                                 id : 'series2',
                                 color : '#840000',
                                 allowPointSelect : true
                              },
                              {
                                 type : 'flags',
                                 data : myflagsData,
                                 stackDistance : 20,
                                 shape : 'square',
                                 color : '#000000',
                                 //width : 5,
                                 showInLegend : false                                 
                              } 
                           ]

http://forum.highcharts.com/highstock-usage/flags-stack-distance-not-working-t32157/

【问题讨论】：

任何更新的家伙。任何人都可以帮我解决这个问题。在此处查看示例：link 并单击所有选项

标签： javascript json highcharts highstock

【解决方案1】：

您需要定义stackDistance，如示例中所示：

plotOptions:{
            series:{
                stackDistance: 20
            }
        },

http://jsfiddle.net/fq2uo1o5/1/

【讨论】：

这只有在 X 轴数据相同的情况下才有效。如果关闭 y 的值对应于 X 的关闭值，这将不起作用。堆栈距离仅在绘图位于同一点时才有效。但在我的情况下，大约有 1000 个绘图点，并且标志变得靠近并重叠。标志不在同一点上。任何解决方法。
请用您的数据更新我的代码以引入该问题。
对不起朋友。 Jsfiddle 最近在我的组织中被阻止，因此无法对其进行测试。考虑在您的图表中有 2000 个点。考虑 X 轴是 3 年。所以这张图正在绘制 3 年的数据。如果对于 2012 年 3 月 12 日和 2012 年 3 月 13 日的日期，有一个 Y 轴值相同的标志。这个标志将相互重叠。我希望这会有所帮助。
您可以使用jsbin或其他在线工具向我们展示您的场景。
您好，已在codepen上获取。加载后请点击图表中的全部。请参阅link