eacharts在折线图只有一条数据时,页面显示处理

使用eacharts开发的,引入了echarts,发现一个问题,就是当x轴只有一个数值时,只显示一个点,没有线,如下图:

期望是这样子:

特殊情况特殊处理。只有一条数据时候,你可以【补】上一条假数据0。比如data: [150] 需要改成 data: [150, 0]。就能得到上面的效果

相关推荐
小白_ysf6 小时前
uniapp和vue3项目中引入echarts 、lime-echart(微信小程序、H5等)
微信小程序·uni-app·echarts·h5·lime-echart
Chan161 天前
【智能协同云图库】基于统一接口架构构建多维度分析功能、结合 ECharts 可视化与权限校验实现用户 / 管理员图库统计、通过 SQL 优化与流式处理提升数据
java·spring boot·后端·sql·spring·intellij-idea·echarts
zhangzuying10261 天前
基于Vue3 +ElementuiPlus + Dexie.js自研的浏览器插件新建标签页tab
vue.js·typescript·echarts
java水泥工3 天前
基于Echarts+HTML5可视化数据大屏展示-学生综合成绩评价系统大屏
spring boot·echarts·html5
java水泥工4 天前
基于Echarts+HTML5可视化数据大屏展示-茶叶种植大数据溯源平台
大数据·echarts·html5
java水泥工4 天前
基于Echarts+HTML5可视化数据大屏展示-图书馆大屏看板
前端·echarts·html5
java水泥工5 天前
基于Echarts+HTML5可视化数据大屏展示-旅游智慧中心
数据分析·echarts·html5
不吃香菜的猪6 天前
uniapp中使用echarts并且支持pc端的拖动、拖拽和其他交互事件
uni-app·echarts·交互
Lsx-codeShare7 天前
前端数据可视化:基于Vue3封装 ECharts 的最佳实践
前端·javascript·echarts·vue3·数据可视化
java水泥工9 天前
基于Echarts+HTML5可视化数据大屏展示-惠民服务平台
前端·echarts·html5