如何防止標籤重疊？如何在相對於plotLines的點處寫文本？

Question

我有一個龍捲風圖，其中看起來像這樣。

發生標籤重疊是因爲它們在系列中具有相同的值。我希望第一個標籤對齊，第二個標籤左對齊，這樣兩個標籤都可以看到。

除此之外，我還有一個垂直線條圖，標籤需要左對齊線條，並在欄柱外清晰可見。問題的

的jsfiddle鏈接：http://jsfiddle.net/z2jyz7Ln/

圖表具有閾值29.5和系列如下：

series: [ 
     {type:'line',color:'black',zIndex:505, 
     data:[[-0.25,29.5],[3.25,29.5]], 
     marker:{ 
      enabled: false 
     } 
     }, 
     { 
     threshold: 29.5, 
     name: 'Low', 
     grouping: false, 
     type: 'bar', 
     data: [{ 
      x: 0, 
      y: 12.15, 
     }, { 
      x: 1, 
      y: 15.45, 
     }, { 
      x: 2, 
      y: 29.5, 
     }, { 
      x: 3, 
      y: 12.15, 
     }], 
     labels: [10, 5, 1, 2] 
    }, { 
     threshold: 29.5, 
     name: 'High', 
     grouping: false, 
     type: 'bar', 
     data: [{ 
      x: 0, 
      y: 46.86, 
     }, { 
      x: 1, 
      y: 42.28, 
     }, { 
      x: 2, 
      y: 29.5, 
     }, { 
      x: 3, 
      y: 46.86, 
     }], 
     labels: [30, 10, 3, 4] 
    }] 

我需要做出改變的圖像中指出。基本上，我需要在同一系列中使用不同的dataLabel對齊。我怎麼做？

Answer 1

您可以控制的位置，爲每個point.dataLabel.x/y值dataLabels的：http://jsfiddle.net/z2jyz7Ln/1/

代碼：

data: [ 
     [-0.25, 29.5], 
     { 
      x:3.25, 
      y:29.5, 
      dataLabels: { 
       y: 20, 
       x: -20 
      } 
     } 
    ], 

不幸的是你需要檢測你自己dataLabels碰撞，Highcharts沒有按」提供這樣的方法。