标志堆栈距离不起作用

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/