Question

我遇到了highstock.js的问题

由于没有明显的原因，它似乎在生成图表时中途抵消了日期。

之所以发生这种情况，是因为日期25行军在图表中显示两次，其值为0，因为它是x轴上的第二个条目。没有数据支持第二次错误的日期输入。

我在这里做了一个jsfiddle： http://jsfiddle.net/DZGz7/

chart = new Highcharts.StockChart({
chart: {
            renderTo: 'containerchart',
            alignTicks: false
        },
        rangeSelector: {
            selected: 0
        },
        title: {
            text: 'New Members'
        },
        yAxis: {
            allowDecimals: false
        },
        xAxis: {
               minTickInterval: 24 * 3600 * 1000
        },
        plotOptions:{
           line:{
              dataGrouping:{enabled:false}
           }
        },
        series: [{
            type: 'column',
            name: 'New Members',
            data: ([
[1322611200000,3],[1322697600000,40],[1322784000000,21],[1322870400000,14],[1322956800000,5],     [1323043200000,6],[1323129600000,11],[1323216000000,14],[1323302400000,16],[1323388800000,11],[1323475200000,9],[1323561600000,8],[1323648000000,8],[1323734400000,3],[1323820800000,5],[1323907200000,5],[1323993600000,4],[1324080000000,4],[1324166400000,5],[1324252800000,3],[1324339200000,5],[1324425600000,4],[1324512000000,5],[1324598400000,0],[1324684800000,1],[1324771200000,1],[1324857600000,2],[1324944000000,9],[1325030400000,4],[1325116800000,5],[1325203200000,9],[1325289600000,0],[1325376000000,6],[1325462400000,4],[1325548800000,3],[1325635200000,4],[1325721600000,6],[1325808000000,8],[1325894400000,4],[1325980800000,4],[1326067200000,6],[1326153600000,6],[1326240000000,2],[1326326400000,6],[1326412800000,5],[1326499200000,3],[1326585600000,3],[1326672000000,5],[1326758400000,5],[1326844800000,1],[1326931200000,9],[1327017600000,11],[1327104000000,6],[1327190400000,0],[1327276800000,2],[1327363200000,4],[1327449600000,4],[1327536000000,5],[1327622400000,3],[1327708800000,5],[1327795200000,8],[1327881600000,3],[1327968000000,6],[1328054400000,3],[1328140800000,2],[1328227200000,2],[1328313600000,3],[1328400000000,4],[1328486400000,0],[1328572800000,2],[1328659200000,3],[1328745600000,8],[1328832000000,2],[1328918400000,5],[1329004800000,2],[1329091200000,2],[1329177600000,10],[1329264000000,5],[1329350400000,2],[1329436800000,3],[1329523200000,4],[1329609600000,0],[1329696000000,2],[1329782400000,13],[1329868800000,5],[1329955200000,6],[1330041600000,6],[1330128000000,4],[1330214400000,5],[1330300800000,3],[1330387200000,5],[1330473600000,3],[1330560000000,2],[1330646400000,5],[1330732800000,2],[1330819200000,8],[1330905600000,1],[1330992000000,3],[1331078400000,3],[1331164800000,3],[1331251200000,8],[1331337600000,5],[1331424000000,3],[1331510400000,2],[1331596800000,2],[1331683200000,3],[1331769600000,1],[1331856000000,6],[1331942400000,1],[1332028800000,3],[1332115200000,2],[1332201600000,3],[1332288000000,6],[1332374400000,2],[1332460800000,4],[1332547200000,2],[1332633600000,7],[1332716400000,0],[1332802800000,5],[1332889200000,1],[1332975600000,4],[1333062000000,4],[1333148400000,1],[1333234800000,8],[1333321200000,1],[1333407600000,4],[1333494000000,3],[1333580400000,3],[1333666800000,4],[1333753200000,1]
])
}]
});

（在3月25日左右放大并看到数据偏移开始）

这些日期对应于截至2012年3月25日之后的正确数据，之后将其移至1天。通过将工具提示数据与x轴标签进行比较，您将能够看到发生的偏移。显然这似乎是加载到图表中的数据中的一个问题，但我已经检查了它，它应该显示的下一个日期是3月26日。数据看起来很好。

我在这里做错了什么想法？

Answer 1

来自http://api.Highcharts.com/highcharts#global.useUTC：

useUTC：Boolean

是否使用UTC时间进行轴缩放，勾选   放置和时间显示在Highcharts.dateFormat。

的优点   使用UTC是时间与用户无关地显示   代理的时区设置。数据时可以使用本地时间   实时加载或正确的夏令时转换   是必要的。默认为true。

因此，如果您希望图表在浏览器的本地时间显示，则需要在javascript中执行以下操作：

Highcharts.setOptions({
    global: {
        useUTC: false
    }
});

据推测，这应该在创建图表之前设置。

Answer 2

UTC必须关闭，然后才有效。

global:{
    useUTC: false
}

Highstock图表无缘无故抵消日期

2 个答案: