2013-06-26 19 views
1

此圖表的導出版本(任何類型)與原始圖片不匹配。嘗試在this fiddle。這是一個錯誤嗎?具體而言,該系列的酒吧顏色已被顛倒過來。export.highcharts.com錯誤?更改導出圖片中未反映的series.index值的順序

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

<div id="container" style="height: 400px; margin-top: 1em"></div> 

$(function() { 
    $('#container').highcharts({ 

     chart: { 
      type:"bar" 
     },   
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     series: [{ 
      index:2, 
      data: [29.9, 71.5, 106.4, 129.2]   
     },{ 
      index:1, 
      data: [29.9, 71.5, 106.4, 129.2]   
     }], 

     exporting: { 
      width: 200 
     } 

    }); 
}); 

回答

1

它匹配原來的(對我來說),如果你把相同的寬度圖表,爲exporting領域。

因爲圖表會根據最終圖像的大小調整座標。

例如:

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

<div id="container" style="height: 400px; width: 400px; margin-top: 1em"></div> 

$(function() { 
    $('#container').highcharts({ 

     chart: { 
      type:"bar" 
     },   
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     series: [{ 
      index:2, 
      data: [29.9, 71.5, 106.4, 129.2], 
      color: "#ff0000"   
     },{ 
      index:1, 
      data: [29.9, 71.5, 106.4, 129.2], 
      color: "#00ff00"   
     }], 

     exporting: { 
      width: 400 
     } 

    }); 
}); 

現在你已經迫使顏色,結果是一樣的。

+0

我試過你的代碼,但條形的顏色仍然顛倒。對不起,我在問題的性質問題上不夠清楚。 – AlexMA

+0

我編輯了我的帖子。你可以看到我已經在系列中添加了一個顏色值。我認爲這是圖書館的一個錯誤。所以你必須強迫它。 –

+0

這確實可以解決問題。我會在他們的git bug跟蹤器中提交一個問題。 – AlexMA