日期向上而不是向下(反转系列)的 Highcharts 倒线?
Highcharts inverted line where dates go upwards, not downwards (reversed series)?
我实现了与此演示类似的图表:http://www.highcharts.com/demo/area-inverted
如何反转系列的日期轴,使日期向顶部上升?
编辑:实际上我得到了演示的 fiddle 工作但不是这个真实的。我会尝试将它镜像到 fiddle 和 post 一个 link 在这里...
更新:开始工作了。这是一个日期向上的演示,数据集是带时间戳的数据,日期格式是工作日,没有使用类别!
成功了。这是一个日期向上的演示,数据集是带时间戳的数据,日期格式是工作日,没有使用类别: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 ]
]
}]
});
我实现了与此演示类似的图表:http://www.highcharts.com/demo/area-inverted
如何反转系列的日期轴,使日期向顶部上升?
编辑:实际上我得到了演示的 fiddle 工作但不是这个真实的。我会尝试将它镜像到 fiddle 和 post 一个 link 在这里...
更新:开始工作了。这是一个日期向上的演示,数据集是带时间戳的数据,日期格式是工作日,没有使用类别!
成功了。这是一个日期向上的演示,数据集是带时间戳的数据,日期格式是工作日,没有使用类别: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 ]
]
}]
});