javascript - 标志堆栈距离不起作用

Question

我正在 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://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/7303396-prevent-flags-overlap

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

Answer 1

您需要定义 stackDistance，如示例所示:

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

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