2016-09-08 44 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,修复了这个问题。