Question

我正在尝试导出带有数据标签的饼图。我正在使用Phantomjs服务器端导出功能。我正确地恢复了图表图像，但数据标签没有显示出来。 Web版本中的示例数据结构按预期添加数据标签。

是否需要特定配置才能显示数据标签？我正在使用HIghcharts 4.0.1

我发送给幻像服务器的JSON是：

{"infile":"{ legend: {enabled: false},chart: {borderWidth: 0},colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92'],credits: {text:'CannLabs'},title: {text: 'Potency results'},plotOptions: {pie: {dataLabels: {enabled: true,color: 'black',format: '<b>{point.name}</b>: {point.percentage:.1f} %'}}},series: [{type: 'pie',name: 'Potency Results',data: [{name: 'CBD-V', y: 0.00},{name:'CBD-A',y: 0.00},{name:'CBG',y: 0.00},{name:'CBD',y: 0.01},{name:'THC-V',y: 0.00},{name:'CBN',y: 0.01},{name:'THC',y: 0.87},{name:'CBC',y: 0.02},{name:'THC-A',y: 0.00}]}]};"}

Answer 1

这似乎是4.0.1版本的highcharts中的一个错误。我升级到highcharts.js文件的主版本，现在标签正确呈现。

Answer 2

如果上面接受的答案对您没有帮助，请尝试将animation: false添加到您的系列配置中，如下所示：

plotOptions: {
    series: {
        animation: false
    }
},

Highcharts服务器端导出饼图与数据标签（phantomjs）

2 个答案: