重叠数据标签线图高图

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

Answer 2

Highcharts不会阻止dataLabels重叠。我创建了一个简单的模块，可以防止这种情况发生，请参阅简单演示：http://jsfiddle.net/menXU/1/

通过调用StaggerDataLabels(series);来使用模块，其中series是图表对象中所有系列的数组。

事实上它与this question重复，但我无法报告此事。

Answer 3

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