Highcharts：phantomjs導出圖像缺失標籤

我的圖表是一個堆疊條形圖，其中要求在實際欄上具有數據標籤。Highcharts：phantomjs導出圖像缺失標籤

在瀏覽器版本正在完美工作，相應的數據標籤，但導出的圖像沒有他們。

這裏是我的代碼：

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

來源

2014-05-13 Ash

在我身邊工作http://jsfiddle.net/huAuh/ ...你能爲我們創造一個小提琴嗎？ – Mike

實際上是用自己的代碼來自己動手，它仍然在我身邊。 http://jsfiddle.net/huAuh/1/ ..我下載JPEG格式，我可以看到酒吧中的標籤 – Mike

正如在帖子標題中提到的，我正在使用phantomjs服務器導出圖表。在瀏覽器中，圖表正確顯示。我的圖表每天都會自動生成，不涉及任何瀏覽器。我把你的代碼從js小提琴中傳遞給了phantomjs服務器，這就是製作的內容：http://s28.postimg.org/nzz2h7vu5/bar.png – Ash

禁用所有的動畫，並確保你有最新的導出服務器，而不是一些舊的。

此外，將defer選項設置爲false。

來源

2014-05-14 10:38:53

擴大對帕維爾畢淑敏給出了答案，我發現，要確保動畫設置爲false確實有所作爲，但不是在整體水平（即chart.animation = false），它必須對chart.plotOptions.series.animation = false設置。

來源

2014-05-21 03:59:21 rodp82

我有同樣的問題。我嘗試了以上所有選項。將所有animation選項設置爲false，全部defer選項爲false，但它並沒有幫助我解決問題。

最後，我在github.com上發現了一個問題。這是一個錯誤HighCharts。我正在使用4.0.1版本的Highcharts。

因此，如果上述建議不起作用，解決方案只是將您的highcharts文件更新爲最新版本。

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

來源

2015-11-27 09:47:48

Highcharts：phantomjs導出圖像缺失標籤

回答

相關問題