eacharts折线图只有一条数据时怎么显示?

使用element组件开发的,引入了echarts,发现一个问题,就是当x轴只有一个数值时,只显示一个点,没有线,请教各位前端大佬,这个问题是怎么解决的?

正常的:
image.png

只有一条数据时,都快看不到了:
image.png

期望(用笔画了一下):
image.png

各位大哥大姐们,能帮忙看一下么

option = {
  xAxis: {
    type: 'category',
    data: ['Mon']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150],
      type: 'line'
    }
  ]
};

echarts在线执行地址

阅读 5k
1 个回答

特殊情况特殊处理。只有一条数据时候,你可以【补】上一条假数据。比如data: [150, 0]。
运行效果:DEMO.

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