【问题标题】:Highcharts server side export Pie With Data Labels (phantomjs)Highcharts 服务器端导出带有数据标签的饼图(phantomjs)
【发布时间】:2014-06-27 22:02:18
【问题描述】:

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

是否需要特定配置才能显示数据标签? 我在 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}]}]};"}

【问题讨论】:

  • 尝试禁用defer选项。
  • 禁用延迟不会导致标签显示在导出中。

标签: highcharts


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

    • 在 phantomjs 中饼图无法正确呈现为 pdf 时出现问题。关掉动画就可以了。谢谢。
    猜你喜欢
    • 2015-12-18
    • 2016-04-18
    • 2013-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多