早教吧 育儿知识 作业答案 考试题库 百科 知识分享

highcharts横坐标为时间,怎么跟数据点一一对应?$(function(){$('#container').highcharts({global:{useUTC:false},xAxis:{type:'datetime',dateTimeLabelFormats:{second:'%Y:%e.%y:%e.%b:%%H:%M:%S'},categories:['2013:06:1312:12:20','2013:06:

题目详情
highcharts横坐标为时间,怎么跟数据点一一对应?
$(function () {
$('#container').highcharts({
global :{
useUTC :false
},
xAxis:{
type:'datetime',
dateTimeLabelFormats:{
second:'%Y:%e.%y:%e.%b:%%H:%M:%S'
},
categories:['2013:06:13 12:12:20','2013:06:13 12:12:30','2013:06:13 12:12:40','2013:06:13 12:12:50','2013:06:13 12:13:00','2013:06:13 12:13:10','2013:06:13 12:13:20','2013:06:13 12:13:30']
},
series:[{
data:[['2013:06:13 12:12:20',29.9],['2013:06:13 12:12:30',71.5],['2013:06:13 12:12:40',106.4],['2013:06:13 12:12:50',129.2],['2013:06:13 12:13:00',144.0],['2013:06:13 12:13:10',176.0],['2013:06:13 12:13:20',135.6],['2013:06:13 12:13:30',148.5]]
//pointStart:Date.UTC(2013,0,1),
//pointInterval:10* 1000 // one day
}
,{
data:[ ['2013:06:13 12:12:50',129.2],['2013:06:13 12:13:00',144.0],['2013:06:13 12:13:10',176.0],['2013:06:13 12:13:20',135.6],['2013:06:13 12:13:30',148.5]]
//pointStart:Date.UTC(2013,0,1),
//pointInterval:10 * 1000 // one day
}]
});
});
▼优质解答
答案和解析
明显的,是你代码的问题,
categories就是表示x轴值,所以在series data中没必要在设置x轴值,即
data:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5]
这样,data中的值和categories就一一对应了
看了highcharts横坐标为时...的网友还看了以下: