间歇Highcharts热图问题当我使用EO.PDF(http://www.essentialobjects.com/Products/EOPdf/UrlToPdf.aspx,我们使用C#16.0.36.0版本,但最新已经过测试,并没有区别)时,我有一个很奇怪的问题,以制作一些highcharts热图的PDF报告。 的问题仅发生间歇性似乎只影响Y轴为值8 & 9.当使用EO.PDF
参见每小时例子;
我们可以在这里看到,8 & 9的小时是莫名其妙地丢失。
尽管我尽了最大努力,我无法找出原因每周作品和别人不一样。 我已经尝试创建一个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个月
我试图删除几乎任何图表自定义代码,除了DA ta包括Highstock(v4.2.4)和Heatmaps add-on(v4.2.6)以外的所有highcharts模块,它似乎没有任何区别。
同样重要的是要注意,当在任何浏览器(IE9,10,11,Firefox & Chrome测试)中查看时,问题不会发生,只有在PDF中才会发生。
所以,我的问题是,有没有人看到这个或类似的问题,谁可以帮助或指向我的解决方案,因为我正式难住这一个。
在此先感谢。
您是否考虑使用Highcharts导出?它会给你一个导出你的图表为PDF的可能性。 –
@GrzegorzBlachliński如果我们进行单个图表导出,那就没有问题了,但是导出是包含多个图表和其他统计信息的较大报表的一部分。谢谢 –