Highcharts: phantomjs导出图像缺少标签

Question

我的图表是一个堆叠条形图，要求在实际的条形上有数据标签。

浏览器内版本运行良好，具有相应的数据标签，但是导出的图像没有它们。

下面是我的代码:

{
  colors: ['#0EAC55','#91C855','#F3BA0E','#F39595','#F30E0E'],
       chart: {
                type: 'bar',
                height: 195
            },
            credits: {
            enabled: false
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: ['Category 1', 'Category 2', 'Category 3'],
            },
             tooltip: {
                valueSuffix: '%'
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                },
                max: 100,
                opposite: true,
            },
            legend: {
                backgroundColor: '#FFFFFF'
            },
            plotOptions: {
                series: {
                    stacking: 'percent',
                    groupPadding: 0,
                    dataLabels: {
                    enabled: true,
                    color: '#000000'
                    }
                }
            },
                series: [{"name":"5","legendIndex":5,"data":[41.1,44.2,60.2]},{"name":"4","legendIndex":4,"data":[42.9,38.4,25.2]},{"name":"3","legendIndex":3,"data":[12.2,12,8.8]},{"name":"2","legendIndex":2,"data":[3.3,5,3]},{"name":"1","legendIndex":1,"data":[1,1,3.3]}]
    }

我正在使用phantomjs服务器来生成图像，因为这些需要在服务器端生成。http://www.highcharts.com/component/content/article/2-articles/news/56-improved-image-export-with-phantomjs/

Answer 1

我也遇到了同样的问题。我尝试了以上所有的选择。将所有animation选项设置为false，将所有defer选项设置为false，但这并不能帮助我解决问题。

最后我在github.com上发现了一个问题。这是HighCharts的一个bug。我用的是Highcharts的4.0.1版本。

所以，如果上面的建议不起作用，解决办法就是把你的highcharts文件更新到最新版本。

我的示例代码可以在jsfiddle上找到

Answer 2

禁用所有动画，并确保您有最新的导出服务器，而不是一些旧的。

同样，将defer选项设置为false。

Answer 3

扩展Pawel Fus给出的答案，我发现确保动画设置为false确实会产生影响，但不是在整体层面(即chart.animation = false)，它必须设置为chart.plotOptions.series.animation = false。