echart数据正常，图表错乱原因

最新推荐文章于 2024-07-16 15:41:11 发布

别抢我小龙虾

最新推荐文章于 2024-07-16 15:41:11 发布

阅读量478

点赞数

文章标签： javascript 前端 java echarts

本文链接：https://blog.youkuaiyun.com/weixin_48496520/article/details/130295978

版权

option = {
  yAxis: {
   
  },
  xAxis: {
    type: 'category',
    axisLabel: {},
    axisPointer: {
      show: true,
      type: 'line',
      lineStyle: {
        type: 'solid'
      }
    }
  },
  dataZoom: [
    {
      type: 'slider',
      bottom: 50,
      height: 22,
      brushSelect: false
    }
  ],
  series: [
  
    {
      name: '财信宽投宝象500指数增强33号',
      type: 'line',
      showSymbol: false,
      data: [
        ['20230120', 0],
        ['20230203', -0.04],
        ['20230210', -0.06],
       
      ]
    },
    {
      name: '华商领先企业',
      type: 'line',
      showSymbol: false,
      data: [
        ['20230120', 0],
        ['20230130', -0.4887],
        ['20230131', -1.3847],
        ['20230201', -0.2715],
        ['20230202', -0.4209],
        ['20230203', -0.1901],
        ['20230206', -1.1811],
        ['20230207', -1.2218],
        ['20230208', -1.9142],
        ['20230209', -0.5973],
        ['20230210', -1.0861],
        ['20230213', 0],
        ['20230214', -0.4043],
        ['20230215', -0.8489],
        ['20230216', -2.5064],
        ['20230217', -3.4901],
       
     
      ]
    },
  
  ],
  backgroundColor: '#FFFFFF'
};

以上配置series单独渲染都可以正常显示，但是这两个放一起就会如下图
在这里插入图片描述
根本原因是：series里面的date不一致，有相同的date和长度才能正常渲染