我已经实施了类似于此演示的图表:http://www.highcharts.com/demo/area-inverted
如何将日期轴的系列反转,使日期向顶部上升?
编辑:实际上我得到了演示的小提琴,但不是真正的。我会尝试镜像它来摆弄并在这里发布一个链接......更新:搞定了。这是一个日期向上的演示,数据集是带时间戳的数据,dateformat是工作日,没有使用类别!
答案 0 :(得分:1)
搞定了。以下是日期向上的演示,数据集是带时间戳的数据,dateformat是工作日,没有使用任何类别:http://jsfiddle.net/ryfssm1u/
$('#container').highcharts({
chart: {
type: 'spline',
inverted: true
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -150,
y: 100,
floating: true,
borderWidth: 1
},
xAxis: {
type: 'datetime',
reversed: false,
tickInterval: 24 * 3600 * 1000,
labels: {
enabled: true,
format: '{value:%a}'
}
},
yAxis: {
},
series: [{
type: 'spline',
color: '#bb2a9d',
lineWidth: 2,
pointInterval: 24 * 3600 * 1000,
data: [
[ 1433297870000, 85 ],
[ 1433211470000, 22 ],
[ 1433125070000, 32 ],
[ 1433038670000, 54 ],
[ 1432952270000, 36 ],
[ 1432865870000, 76 ],
[ 1432779470000, 34 ],
[ 1432693070000, 85 ]
]
}]
});