【发布时间】：2017-01-16 01:57:35
【问题描述】：
我在使用EO.PDF（http://www.essentialobjects.com/Products/EOPdf/UrlToPdf.aspx，我们使用的是C# 16.0.36.0版本，但是最新的已经测试过，没有区别）制作一些highcharts的PDF报告时遇到了一个非常奇怪的问题热图。 该问题仅间歇性发生，并且似乎仅影响 YAxis 值 8 和 9。
参见每小时示例；
我们可以在这里看到 8 点和 9 点的时间莫名其妙地丢失了。
每日解决方案也会出现此问题； 缺少一个月的第 8 天和第 9 天。
尽管我尽了最大努力，但我无法找出为什么 weekly 有效而其他无效。 我已经尝试创建一个 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
}]
});
嵌入报告和 PDFd 中的 JSFiddle iFrame - 第 8 个月和第 9 个月
与报告的一部分相同的热图 - 缺少第 8 个月和第 9 个月
我已尝试删除几乎所有图表自定义代码，但数据包括除 Highstock (v4.2.4) 和 Heatmaps 附加组件 (v4.2.6) 之外的所有 highcharts 模块，但似乎没有任何区别。
还需要注意的是，在任何浏览器（IE9、10、11、Firefox 和 Chrome 测试）中查看时都不会出现此问题，并且仅在 PDF 中出现。
所以，我的问题是，有没有人看到这个或类似的问题，可以帮助或指出我的解决方案，因为我在这个问题上被正式难住了。
提前致谢。
【问题讨论】：
-
你考虑过使用 Highcharts 导出吗？它可以让您将图表导出为 pdf。
-
@GrzegorzBlachliński 如果我们进行单独的图表导出会很好，但导出是更大报告的一部分，该报告将包含多个图表和其他统计信息。谢谢
标签： jquery pdf highcharts highstock heatmap