Javascript 具有2个系列和2个比较日期的海图
在排行榜上占有一席之地。 东京和纽约各有一条线。我需要显示两个比较线,这将显示东京和纽约,但在其他日期在同一个图形不同的颜色时期Javascript 具有2个系列和2个比较日期的海图,javascript,highcharts,compare,lines,Javascript,Highcharts,Compare,Lines,在排行榜上占有一席之地。 东京和纽约各有一条线。我需要显示两个比较线,这将显示东京和纽约,但在其他日期在同一个图形不同的颜色时期 series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], }, { name: 'New York',
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
}, {
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}]
您只需在图表中再添加两个数据系列,即可涵盖第二个时段:
series: [{
name: 'Tokyo',
data: [11.0, 5.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
name: 'Tokyo2',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
}, {
name: 'New York2',
data: [-1.2, 1.8, 7.7, 12.3, 16.0, 21.0, 23.8, 23.1, 21.1, 15.1, 9.6, 3.5]
}]
(注意,我创建了“纽约2号”数据,因为您没有提供第二组数据)。您可以在同一数组中添加更多序列对象。对同一国家/地区使用相同的
颜色
,并更改不透明度
,dashStyle
等,以指示期间的差异
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
color: 'rgb(170,70,67)'
}, {
name: 'Tokyo - Old',
data: [5.0, 4.9, 6.5, 10.5, 16.2, 20.5, 24.2, 25.5, 22.3, 16.3, 11.9, 10.6],
color: 'rgba(170,70,67,0.8)',
dashStyle: 'dot'
}, {
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5],
color: 'rgb(100,100,255)'
}, {
name: 'New York - Old',
data: [-1.2, -0.8, 4.7, 10.3, 16.0, 21.0, 23.8, 23.1, 19.1, 13.1, 7.6, 1.5],
color: 'rgba(100,100,255,0.8)',
dashStyle: 'dot'
}]
演示:在一个系列中,您只能使用一个数据数组来添加点。