重疊datalabels折線圖highcharts

Question

我如何解決下面的值（dataLabels）的問題？

我的jsfiddle：http://jsfiddle.net/3kVJS/3/

... 
    series: [{ 
     name: 'zzzzzz', 
     data: [17.00, 1.00, 5.00, 0.00, 0.00, 35.00, 6.00, 13.00, 233.00, 2.00, 41.00], 
     tooltip: { 
      shared: true, 
      useHTML: true, 
      showInLegend: false, 
      pointFormat: '<span style=\"color:{series.color}; text-shadow: 0 1px 1px #ddd;\">{series.name}</span>: <span style=\"font-size:14px!important\"> {point.y}</span><br/>' 
     } 
    } 

謝謝！

Answer 1

只需將其添加到工具提示中，您就可以獲得該提示。

工具提示：{ 式：{ 填充：20， fontWeight設置： '粗體'， 字體： '30PX'， } }，

Answer 2

Highcharts不會從dataLabels重疊防止。我已經創建了一個簡單的模塊來防止這種情況發生，請參閱簡單演示：http://jsfiddle.net/menXU/1/

使用模塊通過調用StaggerDataLabels(series);，其中系列是圖表對象中所有系列的數組。

其實它是this question的重複，但我無法報告這一點。

Answer 3

Hai只需添加verticalAlign: 'bottom',而不是在plotOptions處使用verticalAlign: 'top',。