Question

我在高价图上绘制了股票市场数据：

我的JS代码：

    $(function() {

    $.getJSON('data.php', function(data) {
        console.log(data);
        // Create the chart
        $('#container').highcharts('StockChart', {

            rangeSelector:{
                enabled:false
            },

            navigator: {
                enabled: true
            },

            useUTC: false,

            xAxis: {
                    type: 'datetime',
                    labels: {
                        formatter: function () {
                            return Highcharts.dateFormat('%H:%M', this.value);
                        },
                    }
                },

            title : {
                text : 'NSE Stock Price'
            },

            credits: {
                enabled : false
            },

            series : [{
                name : 'NSE Stock Prices',
                data : data,
                tooltip: {
                    valueDecimals: 2
                }
            }]

        });
    });
});

我的JSON输出（部分）：

[["09:01:00",27966.96],["09:03:00",27934.64],["09:03:00",27934.64],["09:07:00",27952.66],["09:07:00",27952.66],["09:07:00",27952.66]]

我预计x轴上的时间从早上9点到下午4点，但我只是没有得到它。

enter image description here

我尝试将时间更改为unix时间更改日期格式useUTC为true但是注意到了。

更新

也尝试过这种格式，

[[“2014-11-14 09:01:00”，27966.96]，[“2014-11-14 09:03:00”，27934.64]，[“2014-11-14 09:03:00 ” 27934.64]]

更新2

我的PHP代码，

$array_item[] = array(date('H:i:s',strtotime($price_date)), (float)$last_traded_price);

更新3 :(一些最新值）

[["2014-11-17 09:00:00",28065.72],["2014-11-17 09:02:00",28048.8],["2014-11-17 09:04:00",28041.93],["2014-11-17 09:06:00",28029.58],["2014-11-17 09:08:00",28018.68],["2014-11-17 09:10:00",28018.68],["2014-11-17 09:12:00",28018.68],["2014-11-17 09:14:00",28018.68],["2014-11-17 09:16:00",27988.73],["2014-11-17 09:18:00",28001.06],["2014-11-17 09:20:00",28003.06],["2014-11-17 09:22:00",27988.44],["2014-11-17 09:24:00",28011.67],["2014-11-17 09:26:00",27988.56],["2014-11-17 09:28:00",27991.17],["2014-11-17 09:30:00",27983.98],["2014-11-17 09:32:00",27972.01],["2014-11-17 09:34:00",27980.87],["2014-11-17 09:36:00",27994.42],["2014-11-17 09:38:00",28007.38],["2014-11-17 09:40:00",28005.57],["2014-11-17 09:42:00",27986.39],["2014-11-17 09:44:00",28010.79],["2014-11-17 09:46:00",27998.44],["2014-11-17 09:48:00",28012.66]]

这是：$array_item[] = array(strtotime($price_date), (float)$last_traded_price);

[[1416195000,28065.72],[1416195120,28048.8],[1416195240,28041.93],[1416195360,28029.58],[1416195480,28018.68],[1416195600,28018.68],[1416195720,28018.68],[1416195840,28018.68],[1416195960,27988.73],[1416196080,28001.06],[1416196200,28003.06],[1416196320,27988.44],[1416196440,28011.67],[1416196560,27988.56],[1416196680,27991.17],[1416196800,27983.98],[1416196920,27972.01],[1416197040,27980.87],[1416197160,27994.42],[1416197280,28007.38],[1416197400,28005.57],[1416197520,27986.39],[1416197640,28010.79],[1416197760,27998.44],[1416197880,28012.66],[1416198000,28018.49],[1416198120,28010.15],[1416198240,28028.18],[1416198360,28035.61],[1416198480,28024.87],[1416198600,28018.95],[1416198720,28007.81],[1416198840,28001.57],[1416198960,28006.85],[1416199080,27997.68],[1416199200,27993.06]]

输出：虽然没有像以前那样给00:00，但仍然没有给出完美的时间。

enter image description here

图表在中间突破。

enter image description here

更新3：

PHP代码，

while ($stocks_bse_price->fetch()) { $array_item[] = array(strtotime($price_date)*1000, (float)$last_traded_price); }

JSFidle链接：http://jsfiddle.net/Ywr3L/38/

更新4：

如果将整天的数字作为数组的输入，那么就意识到它出了问题。

我存储了整天数据http://pastebin.com/NVAD5EyG

更新5：

这就是我在MySql查询中所做的：

DATE_FORMAT(price_date,'%d-%c-%Y %r') as price_date

然后在PHP中

$price_date = $price_date.' UTC';
$array_item[] = array(strtotime($price_date)*1000, (float)$last_traded_price);

这给了我这个：

http://jsfiddle.net/rof96xuo/1/

[[1416301200000,28177.51],[1416301320000,28180.46],[1416301440000,28181.03],[1416301560000,28198.98],[1416301680000,28209.03],[1416301800000,28209.03]]

new Date(1416301200000) Tue Nov 18 2014 14:30:00 GMT+0530 (India Standard Time)

Answer 1

正如@RaeenHashemi在评论中所说，highcharts期望日期时间数据为JavaScript epoch times（自1970/01/01以来的毫秒数）。你给它一个日期时间的字符串表示。

看起来您正在从PHP生成JSON。如果是这样，请修改PHP以将时间转换为纪元。如果PHP中有DateTime个对象，请使用getTimeStamp：

$date->getTimestamp() * 1000; // unix timestamp to javascript millisecond timestamp

如果PHP中有日期时间字符串convert it to a DateTime first。

highstocks x轴时间不正确

1 个答案: