早教吧作业答案频道 -->其他-->
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
}]
});
});
$(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就一一对应了
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横坐标为时...的网友还看了以下:
已知抛物线y=ax2+bx+c经过点A(-1,0),且经过直线y=x-3与坐标的两个交点B、C(1 2020-04-26 …
如图,抛物线与x轴交于A.B两点,与y轴交于C点,点A坐标为(2,0),点C坐标为(0,3)它的对 2020-06-14 …
在直角坐标系xoy中,半径为2根号5的园C玉x轴交于A(-1,0),B(3,0)两点且点c在x轴上 2020-07-30 …
在极坐标系中,点M坐标是(3,π2),曲线C的方程为ρ=22sin(θ+π4);以极点为坐标原点, 2020-07-31 …
在极坐标系中,点M坐标是(3,π2),曲线C的方程为ρ=22sin(θ+π4);以极点为坐标原点, 2020-07-31 …
在极坐标系中,直线l1:ρcos(θ+π/4)=√2与曲线C1:ρ=2cosθ(0≤θ≤π/2)的 2020-07-31 …
已知平面直角坐标系内点M(4a-8,a+3),根据下列条件求出点M坐标.①点M到x轴的距离为2.② 2020-07-31 …
在空间直角坐标系O-xyz中,点M(-1,2,1)关于x轴对称的点M′坐标是()A.(-1,-2,- 2020-11-07 …
Y=负二分之一(X-2)的平方+181.写出抛物线的开口方向.顶点M的坐标.对称轴2写出与Y轴交点C 2021-01-14 …
Y=二分之一(X-2)的平方+181.写出抛物线的开口方向.顶点M的坐标.对称轴2写出与Y轴交点C的 2021-01-14 …