Highcharts 发布将海图转换为24小时格式

我目前正在努力与我的高图表与小时格式。我有一个65点的数据系列，但每个点的小时格式是24小时。我无法在highchart中使用相同的格式，它会自动转换为例如13:00:00到01:00:00

这是我的剧本

<script>
Highcharts.setOptions({ global: { timezoneOffset: 660, useUTC: true } });
var chart1;
$(document).ready(function() {
    chart1 = new Highcharts.StockChart({
        chart: { renderTo:'chart1_container', type: 'spline' }, 
        plotOptions: { line: { dataLabels: { enabled: true }, enableMouseTracking: true } }, 
        subtitle: { text: 'Y1' }, 
        title: { text: 'Y1' }, 
        tooltip: { enabled: true, formatter: function() {var s = [];$.each(this.points, function(i, point) {s.push('<span style="color:'+point.series.color+';font-weight:bold;">'+ point.series.name +' : '+point.y + '<span>'); });return s.join(' and ');}, shared: true }, 
        xAxis: { dateTimeLabelFormats: { hour: '%H:%M', day: '%H:%M' }, type: 'datetime' }, 
        yAxis: { title: { text: 'Y1' } }, 
        series: [{ data: [[Date.parse('09/01/2016 12:45:34'), 0], [Date.parse('09/01/2016 12:46:11'), 0], [Date.parse('09/01/2016 12:47:24'), 0], [Date.parse('09/01/2016 12:48:59'), 0], [Date.parse('09/01/2016 12:50:41'), 1], [Date.parse('09/01/2016 12:51:43'), 1], [Date.parse('09/01/2016 12:52:01'), 1], [Date.parse('09/01/2016 12:55:14'), 1], [Date.parse('09/01/2016 13:01:12'), 1], [Date.parse('09/01/2016 13:01:30'), 1], [Date.parse('09/01/2016 13:02:37'), 1], [Date.parse('09/01/2016 13:03:31'), 1], [Date.parse('09/01/2016 13:04:19'), 1], [Date.parse('09/01/2016 13:05:14'), 1], [Date.parse('09/01/2016 13:05:32'), 1], [Date.parse('09/01/2016 13:06:52'), 1], [Date.parse('09/01/2016 13:07:47'), 1], [Date.parse('09/01/2016 13:08:06'), 1], [Date.parse('09/01/2016 13:09:01'), 1], [Date.parse('09/01/2016 13:10:14'), 1], [Date.parse('09/01/2016 13:12:27'), 2], [Date.parse('09/01/2016 13:13:15'), 2], [Date.parse('09/01/2016 13:14:03'), 2], [Date.parse('09/01/2016 13:14:40'), 2], [Date.parse('09/01/2016 13:15:35'), 2], [Date.parse('09/01/2016 13:16:30'), 2], [Date.parse('09/01/2016 13:17:55'), 2], [Date.parse('09/01/2016 13:18:21'), 2], [Date.parse('09/01/2016 13:21:30'), 2], [Date.parse('09/01/2016 13:23:58'), 3], [Date.parse('09/01/2016 13:26:39'), 3], [Date.parse('09/01/2016 13:29:18'), 4], [Date.parse('09/01/2016 13:30:14'), 4], [Date.parse('09/01/2016 13:31:29'), 4], [Date.parse('09/01/2016 13:32:36'), 4], [Date.parse('09/01/2016 13:34:10'), 4], [Date.parse('09/01/2016 13:36:39'), 5], [Date.parse('09/01/2016 13:39:01'), 5], [Date.parse('09/01/2016 13:39:38'), 5], [Date.parse('09/01/2016 13:40:46'), 5], [Date.parse('09/01/2016 13:42:01'), 6], [Date.parse('09/01/2016 13:43:09'), 6], [Date.parse('09/01/2016 13:45:32'), 6], [Date.parse('09/01/2016 13:46:59'), 7], [Date.parse('09/01/2016 13:48:26'), 7], [Date.parse('09/01/2016 13:49:04'), 7], [Date.parse('09/01/2016 13:50:11'), 7], [Date.parse('09/01/2016 13:51:46'), 8], [Date.parse('09/01/2016 13:55:18'), 8], [Date.parse('09/01/2016 13:56:04'), 8], [Date.parse('09/01/2016 13:59:37'), 9], [Date.parse('09/01/2016 14:02:25'), 10], [Date.parse('09/01/2016 14:08:38'), 11], [Date.parse('09/01/2016 14:12:13'), 12], [Date.parse('09/01/2016 14:13:12'), 12], [Date.parse('09/01/2016 14:15:58'), 13], [Date.parse('09/01/2016 14:19:44'), 14], [Date.parse('09/01/2016 14:20:35'), 14], [Date.parse('09/01/2016 14:20:55'), 14], [Date.parse('09/01/2016 14:21:53'), 14], [Date.parse('09/01/2016 14:22:52'), 14], [Date.parse('09/01/2016 14:23:51'), 15], [Date.parse('09/01/2016 14:24:30'), 15]], name: 'Y1' }]
    });
});
</script>

setOptions（{global:{timezoneOffset:660，useUTC:true}）；
var-chart1；
$（文档）.ready（函数（）{
chart1=新的Highcharts.StockChart({
图表：{renderTo:'chart1_container'，类型：'spline'}，
绘图选项：{line:{dataLabels:{enabled:true}，enableMouseTracking:true}，
副标题：{text:'Y1'}，
标题：{text:'Y1'}，
工具提示：{enabled:true，格式化程序：function（）{var s=[]；$。每个（this.points，function（i，point）{s.push（''+point.series.name+'：'+point.y+'''）；}）；返回s.join（'and'）；}，共享：true}，
xAxis:{dateTimeLabelFormats:{hour:'%H:%M'，day:'%H:%M'}，键入：'datetime'}，
yAxis:{title:{text:'Y1'}}，
系列：[{data:[[Date.parse（'09/01/2016 12:45:34'）、0]、[Date.parse（'09/01/2016 12:46:11'）、0]、[Date.parse（'09/01/2016 12:47:24'）、0]、[Date.parse（'09/01/2016 12:50:41'）、1]、[Date.parse（'09/01/2016 12:51:43'）、1]、[Date.parse（'09/01/2016 12:52:01'）、1]、[Date parse（'09/01/2016 12:55:1'）日期解析（'09/01/2016 13:01:12'），1]，[Date.parse（'09/01/2016 13:01:30'），1]，[Date.parse（'09/01/2016 13:02:37'），1]，[Date.parse（'09/01/2016 13:04:19'），1]，[Date.parse（'09/01/2016 13:05:14'），1]，[Date.parse（'09/01/2016 13:05:32'），1]，[Date.parse（'09/01/2016 13:06:52'），1]，[Date，[日期解析（'09/01/2016 13:08:06'）、1]、[日期解析（'09/01/2016 13:09:01'）、1]、[日期解析（'09/01/2016 13:10:14'）、1]、[日期解析（'09/01/2016 13:12:27'）、2]、[日期解析（'09/01/2016 13:13:15'）、2]、[日期解析（'09/01/2016 13:14:03'）、2]、[日期解析（'09/01/2016 13:14:40'）、2]、[日期解析（'09/01/2016 13:15:35]）、2]、[日期解析]、[日期解析]、[日期解析]）[日期解析（'09/01/2016 13:16:30'）、2]、[日期解析（'09/01/2016 13:17:55'）、2]、[日期解析（'09/01/2016 13:18:21'）、2]、[日期解析（'09/01/2016 13:21:30'）、2]、[日期解析（'09/01/2016 13:23:58'）、3]、[日期解析（'09/01/2016 13:26:39'）、3]、[日期解析（'09/01/2016 13:29:18'）、4]、[日期解析（'09/01/2016 13:30'）、4]），[日期解析（'09/01/2016 13:32:36'）、4]、[日期解析（'09/01/2016 13:34:10'）、4]、[日期解析（'09/01/2016 13:36:39'）、5]、[日期解析（'09/01/2016 13:39:01'）、5]、[日期解析（'09/01/2016 13:40:46'）、5]、[日期解析（'09/01/2016 13:42:01'）、6]、[日期解析（'09/01/2016 13:43:09））、6]、[日期解析（'日期解析（'09/01/2016 13:45:32'）、6]、[Date.parse（'09/01/2016 13:46:59'）、7]、[Date.parse（'09/01/2016 13:48:26'）、7]、[Date.parse（'09/01/2016 13:50:11'）、7]、[Date.parse（'09/01/2016 13:51:46'）、8]、[Date.parse（'09/01/2016 13:55:18'）、8]、[Date.parse（'09/01/2016 13:56:04'）、8]、[Date，[Date.parse（'09/01/2016 14:02:25'）、10]、[Date.parse（'09/01/2016 14:08:38'）、11]、[Date.parse（'09/01/2016 14:12:13'）、12]、[Date.parse（'09/01/2016 14:15:58'）、13]、[Date.parse（'09/01/2016 14:19:44'）、14]、[Date.parse（'09/01/2016 14:20:35'）、14]、[Date.parse（'09/01/2016 14:20:55]）、[Date[Date.parse（'09/01/2016 14:21:53'）、14]、[Date.parse（'09/01/2016 14:22:52'）、14]、[Date.parse（'09/01/2016 14:23:51'）、15]、[Date.parse（'09/01/2016 14:24:30'）、15]、姓名：'Y1'}]
});
});

对于24小时格式，请尝试使用Date.UTC执行以下操作

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        type: 'datetime' //ensures that xAxis is treated as datetime values
    },

    series: [{
        data: [
            [Date.UTC(2012, 5, 22, 8, 15), 14.8], 
            [Date.UTC(2012, 5, 22, 8, 20), 13.9], 
            [Date.UTC(2012, 5, 22, 8, 25), 12.8]
            //and so on...
        ]
    }]
});

---

Highcharts没有将13:00:00转换为01:00:00。您使用的是默认的24小时日期时间Highcharts/Highstock格式。由于您的

时区偏移量

和其他图表设置，您没有这样一个日期的数据点显示为12点之后的时间

---

一个额外的数据点：

你应该考虑使用你的TimeZONEffice，这可能会引起你的问题吗？