javascript - Highcharts文字泡泡

我有这样的图像：

我正在为文本气泡使用标志，如下所示：

{
   type: 'flags',
   y: yPosition,
   name: 'Flags on series',
   showInLegend: false,
   data: [{
     x: xPosition,
     title: '<span class="status-legend ' + $filter('status')(impactType) + '"></span>'+'<span style="font-size: 14px; font-family: \'MyriadPro-Regular\'; color: white">' + date + ': ' + title + '</span><br>' + text + '<br>' + impact + '<br>'
   }],
   shape: 'squarepin',
   style: {
     fontSize: '12px',
     fontWeight: 'normal',
     fontFamily: 'MyriadPro-Regular',
     textAlign: 'left',
     color: '#E7E7E7'
   },
   fillColor: 'rgba(151, 151, 151, 1)',
   color: 'rgba(151, 151, 151, 1)',
   useHTML: true,
   zIndex: zIndex,
   states: {
     hover: {
       enabled: false
     }
   }
 }

我的问题是，线一直到底部，而不是停在红色圆圈处。我想不出一种聪明的方法让线停下来。

我尝试过的一些事情：

使用Highstock的onSeries-这里的问题是气泡的位置现在基于yPosition与圆的位置。我已经写了避免在两个框上放置两个框的逻辑，如果两个逻辑框都具有不同的起始位置，则此逻辑将更加困难和严格。用标志的y值是像素值而不是yAxis的比例尺来说明这一困难。
使用标志间距-仅适用于具有相同值的标志，左侧或右侧的标志将重叠。
使用从红点到文本气泡的折线图-这里的问题还是，由于我知道它是yAxis值，所以可以很容易地找到红点的位置，但是文本气泡的位置还是一个像素值，而不是与yAxis相同的比例。

我只是在寻找显示文本气泡的任何方法，以使它们不会重叠。我想，我最大的希望是可以使用某些方法在标记上使用yAxis的比例，或者可以使用iAxis的比例放置其他文本泡泡。

寻找任何建议。谢谢！

最佳答案

将onSeries添加到标记See Here。您需要使用Series ID填写，否则，如果为空，它将绘制到X轴。 Also See

{
   type: 'flags',
   y: yPosition,
   name: 'Flags on series',
   showInLegend: false,
   onSeries : '',
   data: [{
     x: xPosition,
     title: '<span class="status-legend ' + $filter('status')(impactType) + '"></span>'+'<span style="font-size: 14px; font-family: \'MyriadPro-Regular\'; color: white">' + date + ': ' + title + '</span><br>' + text + '<br>' + impact + '<br>'
   }],
   shape: 'squarepin',
   style: {
     fontSize: '12px',
     fontWeight: 'normal',
     fontFamily: 'MyriadPro-Regular',
     textAlign: 'left',
     color: '#E7E7E7'
   },
   fillColor: 'rgba(151, 151, 151, 1)',
   color: 'rgba(151, 151, 151, 1)',
   useHTML: true,
   zIndex: zIndex,
   states: {
     hover: {
       enabled: false
     }
   }
 }

关于javascript - Highcharts文字泡泡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31844505/

yaxis

javascript - Highcharts文字泡泡