2016-09-08 63 views
1

間歇Highcharts熱圖問題當我使用EO.PDF(http://www.essentialobjects.com/Products/EOPdf/UrlToPdf.aspx,我們使用C#16.0.36.0版本,但最新已經過測試,並沒有區別)時,我有一個很奇怪的問題,以製作一些highcharts熱圖的PDF報告。 的問題僅發生間歇性似乎隻影響Y軸爲值8 & 9.當使用EO.PDF

參見每小時例子;
enter image description here 我們可以在這裏看到,8 & 9的小時是莫名其妙地丟失。

問題也發生在每日分辨率; enter image description here 本月第8日和第9日失蹤。

但是,問題似乎並沒有發生在每週分辨率; enter image description here

儘管我盡了最大努力,我無法找出原因每週作品和別人不一樣。 我已經嘗試創建一個JSFiddle(http://jsfiddle.net/8ejyxmrv/8/),我已經嵌入到相同的PDF報告中,這很好。

$('#container').highcharts({ 
chart: { 
    type: 'heatmap' 
}, 
title: { 
    text: null 
}, 
subtitle: { 
    text: null 
}, 
exporting: { 
    enabled: false 
}, 
xAxis: { 

    type: 'datetime', 
    showLastLabel: true, 
    startOnTick: true, 
    endOnTick: false, 
    tickLength: 16, 
    tickPosition:'inside' 
}, 
yAxis: { 
    title: { 
    text: null 
    }, 
    allowDecimals: false, 
    minPadding: 0, 
    maxPadding: 0, 
    startOnTick: false, 
    endOnTick: false, 
    tickWidth: 1, 
    reversed: true 
}, 
legend: { 
    margin: 0, 
    padding: 0 
}, 
colorAxis: { 
    stops: [ 
    [0, '#3060cf'], 
    [0.5, '#fffbbc'], 
    [0.9, '#c4463a'], 
    [1, '#c4463a'] 
    ], 
    startOnTick: false, 
    endOnTick: false, 
    labels: { 
    format: '{value}℃' 
    } 
}, 
series: [{ 
    nullColor: '#EFEFEF', 
    colsize: 24 * 366 * 36e5, // one day 
    data: [{ 
    "x": 1293840000000, 
    "y": 9, 
    "value": 12.369916666666667 
    }, { 
    "x": 1293840000000, 
    "y": 10, 
    "value": 10.6350390625 
    }, { 
    "x": 1293840000000, 
    "y": 11, 
    "value": 8.553833333333333 
    }, { 
    "x": 1293840000000, 
    "y": 12, 
    "value": 5.47380376344086 
    }, { 
    "x": 1325376000000, 
    "y": 1, 
    "value": 4.351263440860215 
    }, { 
    "x": 1325376000000, 
    "y": 2, 
    "value": 4.1775 
    }, { 
    "x": 1325376000000, 
    "y": 3, 
    "value": 7.175680555555555 
    }, { 
    "x": 1325376000000, 
    "y": 4, 
    "value": 5.4682361111111115111115 
    }, { 
    "x": 1325376000000, 
    "y": 5, 
    "value": 9.231048387096774 
    }, { 
    "x": 1325376000000, 
    "y": 6, 
    "value": 11.234402777777778 
    }, { 
    "x": 1325376000000, 
    "y": 7, 
    "value": 13.0563037634408686, 
    "TargetVariance": null 
    }, { 
    "x": 1325376000000, 
    "y": 8, 
    "value": 13.888951612903226 
    }, { 
    "x": 1325376000000, 
    "y": 9, 
    "value": 11.062791666666667 
    }, { 
    "x": 1325376000000, 
    "y": 10, 
    "value": 8.0660546875 
    }, { 
    "x": 1325376000000, 
    "y": 11, 
    "value": 5.921791666666667 
    }, { 
    "x": 1325376000000, 
    "y": 12, 
    "value": 4.618225806451613 
    }, { 
    "x": 1356998400000, 
    "y": 1, 
    "value": 3.0773790322580643 
    }, { 
    "x": 1356998400000, 
    "y": 2, 
    "value": 2.013720238095238 
    }, { 
    "x": 1356998400000, 
    "y": 3, 
    "value": 1.3879305555555554 
    }, { 
    "x": 1356998400000, 
    "y": 4, 
    "value": 4.8272916666666665 
    }, { 
    "x": 1356998400000, 
    "y": 5, 
    "value": 7.882486559139785 
    }, { 
    "x": 1356998400000, 
    "y": 6, 
    "value": 11.147875 
    }, { 
    "x": 1356998400000, 
    "y": 7, 
    "value": 14.683279569892473 
    }, { 
    "x": 1356998400000, 
    "y": 8, 
    "value": 14.095846774193548 
    }, { 
    "x": 1356998400000, 
    "y": 9, 
    "value": 11.734722222222222 
    }, { 
    "x": 1356998400000, 
    "y": 10, 
    "value": 10.861888020833334 
    }, { 
    "x": 1356998400000, 
    "y": 11, 
    "value": 6.297958333333334 
    }, { 
    "x": 1356998400000, 
    "y": 12, 
    "value": 5.835255376344086 
    }, { 
    "x": 1388534400000, 
    "y": 1, 
    "value": 4.799771505376344 
    }, { 
    "x": 1388534400000, 
    "y": 2, 
    "value": 4.816517857142857 
    }, { 
    "x": 1388534400000, 
    "y": 3, 
    "value": 6.157361111111111 
    }, { 
    "x": 1388534400000, 
    "y": 4, 
    "value": 8.558361111111111 
    }, { 
    "x": 1388534400000, 
    "y": 5, 
    "value": 10.086021505376344 
    }, { 
    "x": 1388534400000, 
    "y": 6, 
    "value": 12.808152777777778 
    }, { 
    "x": 1388534400000, 
    "y": 7, 
    "value": 14.819233870967741 
    }, { 
    "x": 1388534400000, 
    "y": 8, 
    "value": 12.497110215053764 
    }, { 
    "x": 1388534400000, 
    "y": 9, 
    "value": 13.144097222222221 
    }, { 
    "x": 1388534400000, 
    "y": 10, 
    "value": 10.852981770833333 
    }, { 
    "x": 1388534400000, 
    "y": 11, 
    "value": 7.6481111111111115 
    }, { 
    "x": 1388534400000, 
    "y": 12, 
    "value": 5.427016129032258 
    }, { 
    "x": 1420070400000, 
    "y": 1, 
    "value": 3.3871774193548387 
    }, { 
    "x": 1420070400000, 
    "y": 2, 
    "value": 3.3910565476190477 
    }, { 
    "x": 1420070400000, 
    "y": 3, 
    "value": 4.690097222222223 
    }, { 
    "x": 1420070400000, 
    "y": 4, 
    "value": 7.053194444444444 
    }, { 
    "x": 1420070400000, 
    "y": 5, 
    "value": 8.070067204301075 
    }, { 
    "x": 1420070400000, 
    "y": 6, 
    "value": 11.259694444444444 
    }, { 
    "x": 1420070400000, 
    "y": 7, 
    "value": 12.499126344086022 
    }, { 
    "x": 1420070400000, 
    "y": 8, 
    "value": 12.689126344086022 
    }, { 
    "x": 1420070400000, 
    "y": 9, 
    "value": 9.845888888888888 
    }, { 
    "x": 1420070400000, 
    "y": 10, 
    "value": 8.764348958333333 
    }, { 
    "x": 1420070400000, 
    "y": 11, 
    "value": 7.338375 
    }, { 
    "x": 1420070400000, 
    "y": 12, 
    "value": 6.968682795698925 
    }, { 
    "x": 1451606400000, 
    "y": 1, 
    "value": 4.054005376344086 
    }, { 
    "x": 1451606400000, 
    "y": 2, 
    "value": 2.8649568965517243 
    }, { 
    "x": 1451606400000, 
    "y": 3, 
    "value": 3.9838055555555556 
    }, { 
    "x": 1451606400000, 
    "y": 4, 
    "value": 5.634944444444445 
    }, { 
    "x": 1451606400000, 
    "y": 5, 
    "value": 10.787782258064516 
    }, { 
    "x": 1451606400000, 
    "y": 6, 
    "value": 13.709222222222222 
    }, { 
    "x": 1451606400000, 
    "y": 7, 
    "value": 14.24284946236559 
    }, { 
    "x": 1451606400000, 
    "y": 8, 
    "value": 14.085618279569893 
    }, { 
    "x": 1451606400000, 
    "y": 9, 
    "value": 14.304195804195805 
    }], 
    tooltip: { 
    headerFormat: 'Temperature<br/>', 
    pointFormat: '{point.x:%e %b, %Y} {point.y}:00: <b>{point.value} ℃</b>' 
    }, 
    turboThreshold: Number.MAX_VALUE // #3404, remove after 4.0.5 release 
}] 

}); 

的jsfiddle的iFrame嵌入報告和PDFd - 8日和現在的第9個月 enter image description here

同熱圖作爲報告的一部分 - 8日和9月失蹤 enter image description here


我試圖刪除幾乎任何圖表自定義代碼,除了DA ta包括Highstock(v4.2.4)和Heatmaps add-on(v4.2.6)以外的所有highcharts模塊,它似乎沒有任何區別。

同樣重要的是要注意,當在任何瀏覽器(IE9,10,11,Firefox & Chrome測試)中查看時,問題不會發生,只有在PDF中才會發生。

所以,我的問題是,有沒有人看到這個或類似的問題,誰可以幫助或指向我的解決方案,因爲我正式難住這一個。

在此先感謝。

+0

您是否考慮使用Highcharts導出?它會給你一個導出你的圖表爲PDF的可能性。 –

+0

@GrzegorzBlachliński如果我們進行單個圖表導出,那就沒有問題了,但是導出是包含多個圖表和其他統計信息的較大報表的一部分。謝謝 –

回答

0

如果有人遇到這種情況,請升級到最新版本的Essential Objects的PDF,例如版本17.1.65,修復了這個問題。