wkhtmltoimageは、私が<a href="http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/gridlinewidth/" rel="nofollow noreferrer">simple highcharts graph</a>を生成するためにはsymfonyを使用してい

Question

highchartsグラフのグリッド線を表示しませんが、適切にグリッド線をwkhtmltoimage表示されません。

options: 
     encoding:   UTF-8 
     format:    svg 
     width:    0 
     enable-smart-width: true 
     zoom:    3 

：私 knp_snappy.image設定は以下の

です

と、グラフに次のオプションを追加しました。

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

私は間違って何をしていますか？ 私がwkhtmltopdfを使用している場合、出力は正しいです..

Answer 1

[OK]を完了しました！

問題はおそらく、私の解決策は、それが完全に水平、垂直ではないにするために、グリッドの水平（および垂直）行を編集するよりも、old's webkit bug

と関連して、完全に水平（または垂直）パスであります。以下の非水平線

<g class="highcharts-grid highcharts-yaxis-grid "> 
    <path d="M 77 264.500001 L 413 264.5"></path> 
    <path d="M 77 213.500001 L 413 213.5"></path> 
    <path d="M 77 163.500001 L 413 163.5"></path> 
</g> 

を得る

例えば

//fix bug of horizontal-vertical path (TODO: check all series) 
yaxis = document.getElementsByClassName('highcharts-yaxis-grid')[0].childNodes; 
for (i=0; i<yaxis.length; i++) { 
    if (yaxis[i].nodeName.toLowerCase() == 'path') { 
     d = yaxis[i].getAttribute('d').split(' ')[2]; 
     yaxis[i].setAttribute('d', yaxis[i].getAttribute('d').replace(d, parseInt(d)+0.000001)); 
    } 
} 

xaxis = document.getElementsByClassName('highcharts-xaxis-grid')[0].childNodes; 
for (i=0; i<yaxis.length; i++) { 
    if (yaxis[i].nodeName.toLowerCase() == 'path') { 
     d = yaxis[i].getAttribute('d').split(' ')[1]; 
     yaxis[i].setAttribute('d', yaxis[i].getAttribute('d').replace(d, parseInt(d)+0.000001)); 
    } 
} 

、iは数値264.5の最初occurrencyを編集する必要があり、次の水平パスと、213.5、163

<g class="highcharts-grid highcharts-yaxis-grid "> 
    <path d="M 77 264.5 L 413 264.5"></path> 
    <path d="M 77 213.5 L 413 213.5"></path> 
    <path d="M 77 163.5 L 413 163.5"></path> 
</g>