Highcharts：phantomjs 导出图像缺少标签答案

【问题标题】：Highcharts: phantomjs export image missing labelsHighcharts：phantomjs 导出图像缺少标签
【发布时间】：2016-10-28 09:31:19
【问题描述】：

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

浏览器中的版本可以完美地显示相应的数据标签，但是导出的图像没有它们。

这是我的代码：

{
  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/

【问题讨论】：

在我身边工作jsfiddle.net/huAuh ...你能为我们创造一个小提琴吗？
实际上是我自己用你的代码做的，它仍然在我身边工作。 jsfiddle.net/huAuh/1.. 我下载为 JPEG 格式，我可以看到栏中的标签
如文章标题所述，我使用phantomjs服务器导出图表。在浏览器中，图表正确显示。我的图表将每天自动生成，不涉及浏览器。我已经从 js fiddle 中获取了您的代码并将其传递给 phantomjs 服务器，这就是生成的：s28.postimg.org/nzz2h7vu5/bar.png
@Ash 你解决了这个问题吗？我现在也有同样的问题。

标签： highcharts highstock

【解决方案1】：

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

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

因此，如果上述建议不起作用，解决方案就是将您的 highcharts 文件更新到最新版本。

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

【讨论】：

【解决方案2】：

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

另外，将 defer 选项设置为 false。

【讨论】：

【解决方案3】：

扩展 Pawel Fus 给出的答案，我发现确保动画设置为 false 确实有所不同，但不是在整体级别（即 chart.animation = false），它必须设置为 chart.plotOptions.series.animation = false .

【讨论】：