echarts 散点图 横坐标轴问题

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映射到相应的颜色。

阅读 4.6k
2 个回答

关于时间类型的值 echarts 是有提供解决方案的:
1.x轴的类型使用time,而不是category
2.对应数据提供时间戳的数据格式即可,echarts会自动解析成时间格式进行展示
3.如果想对展示的格式进行二次处理,可以配置 xAxis 下的 axisLabel.formatter 进行格式化处理

image.png
我觉得应该是你的数据组合的原因,你再看下?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏