每天从同一时间开始

时间:2013-07-02 18:14:56

标签: javascript highcharts highstock

Hello in xAxis我需要运行getTime()(例如)每天早上0:00开始,或者也开始于06:00,或者也开始于中午12:00或者下午18:00

xAxis: { categories: ["+6","+9","+12","+15","+18","+21","+24","+27","+30","+33","+36","+39","+42","+45","+48","+51","+54","+57","+60","+63","+66","+69","+72","+75","+78","+81","+84","+87","+90","+93","+96","+99","+102","+105","+108","+111","+114","+117","+120","+123",+"126","+129","+132","+135","+138","+141","+144","+147","+150","+153","+156","+159","+162","+165","+168","+171","+174","+177","+180","+183","+186","+189","+192"],

+6始终从00:00开始,6:00至12:00和18:00

所以我需要知道函数getTime()每天在特定时间开始四个不同的图形

由于

1 个答案:

答案 0 :(得分:1)

示例:http://jsfiddle.net/JtMDj/2/

需要以这种方式设置pointStart和pointInterval:

var date = new Date();
date.setHours(12);
date.setMinutes(0);
date.setSeconds(0);
date.setMilliseconds(0);


var ts = Math.round(date / 1000);
var tsNoon = ts;

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            day: '%e of %b'
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        pointStart: tsNoon * 1000, // highcharts asks for miliseconds
        pointInterval: 24 * 3600 * 1000 // one day
    }]
});