处理3D饼图和大标签时的Highcharts问题

时间:2015-10-13 15:00:16

标签: javascript css highcharts

我正在使用highcharts 3D pie,如果某些标签有点长,则无法正确调整大小。

这是我从highcharts文档中获取的一个示例,并将其分叉以获取大型标签。

http://jsfiddle.net/78wr256o/

重要的是要提到我更喜欢显示整个名称而不是裁剪它。正确调整图表大小,使其保持居中,并在可能的情况下移动标签位置。

这是初始版本: enter image description here

这是完全相同的图表,但标签很大: enter image description here

1 个答案:

答案 0 :(得分:0)

您可以使用html和css格式化数据标签。

series: [{...
    dataLabels: {
        useHTML: true,
        style: {
           "width": "30px"
        }
    ......

以下是http://jsfiddle.net/8d517w3v/

的示例

它不会裁剪而是围绕标签并使图形居中。