echarts画一个横坐标为24小时类型,type为category,纵坐标为日期类型,type也为category的散点图,画出来之后有一部分点无法按照一定的顺序(24小时时间的先后顺序)显示,有什么办法让这些点显示为正确的顺序吗?
option = {
xAxis: {type:'category'},
yAxis: {type:'category'},
series: [
{
symbolSize: 6,
data: data,
type: 'scatter',
}
],
visualMap:[{
type:'continuous',
left: 'right',
bottom: '5%',
dimension: 2,
min: 0,
max: 6558,
itemHeight: 120,
text: ['数目,短信数量'],
calculable: true,
inRange: {
color: ['#090FFF','#FF1807']
},
outOfRange: {
color: ['rgba(255,255,255,0.4)']
},
}
]
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
数据data的结构如下,数组的每一个元素的第一个为横坐标值,第二个为纵坐标值,第三个是通过visualMap映射到相应的颜色。
关于时间类型的值 echarts 是有提供解决方案的:
1.x轴的类型使用time,而不是category
2.对应数据提供时间戳的数据格式即可,echarts会自动解析成时间格式进行展示
3.如果想对展示的格式进行二次处理,可以配置 xAxis 下的 axisLabel.formatter 进行格式化处理