重疊數據標簽折線圖高圖

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：'粗體'，fontSize：'30px'，}}，

Answer 2

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

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

事實上，它與此問題重復，但我無法報告。

Answer 3

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