echarts图标折线图当data数组中的某一个数据为0时，如何隐藏或删除？

我用echarts图标做了一个折线图统计，统计出来的数据有很多都显示为0，我想为了容易看一点有用的数据，想把显示为0的数据显示不见
这是我数据为0的时候的样子，我想把图中红色圈圈隐藏不见或者删除，如下图

我想把它门隐藏不见，然后当数据不为0又可以正常显示，如下图：
图片说明

不知道怎么实现，求大神帮忙

点赞
写回答
关注问题
收藏
分享
邀请回答

4条回答默认最新

老铁咖啡 2019-09-11 09:59

已采纳

tooltip : {
    trigger: 'axis',
    formatter: function (datas) {
            var res = datas[0].name + '<br/>'
            for (var i = 0, length = datas.length; i < length; i++) {
                    if(datas[i].value != '0'){
                            res += datas[i].seriesName + '：' 
                        + datas[i].value + '<br/>'
                    }
            }
            return res
    }
}

点赞 1 评论

私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
zqbnqsdsmd 2019-09-10 22:15

已采纳

https://blog.csdn.net/qq_24909089/article/details/83856543

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
qq_351734088 2019-09-11 10:03

已采纳

这个提示可以自己编辑的tooltip.formatter里回调剔除为0的数组
https://www.echartsjs.com/zh/option.html#tooltip.formatter

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
terryvvan 2021-03-26 18:29

已采纳

如图所示，这个配置项给了我启发，我直接填了null，这个数据就不会被图表显示了，折线图填0还是会显示划线，填null则不会显示

点赞评论
分享

评论

评论

登录后可回复...

报告相同问题？

提交关注问题

相关推荐更多相似问题

echarts图标折线图当data数组中的某一个数据为0时，如何隐藏或删除？ css html5 javascript
2019-09-10 20:38

回答 4 已采纳 ``` tooltip : { trigger: 'axis', formatter: function (datas) { var res = datas[0].name +
ajax获取json数据后用echarts制作折线图 ajax echarts json 有问必答
2021-06-30 13:07

回答 6 已采纳完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
怎么改变echarts折线图鼠标经过数据时，折线拐点的样式？ chrome firefox javascript vue.js
2019-09-25 11:54

回答 1 已采纳 https://www.echartsjs.com/zh/option.html#series-line.itemStyle ``` series: {
vue echarts 动态传值更新 折线图 使用对象数组作为图的数据自定义图标数据格式
2021-01-06 21:51

chestnut栗子的博客 vue echarts 动态传值更新效果展示前言很多时候需要从后端获取值更新图表，这就涉及到动态更新图表数据；使用echarts的时候，往往需要x轴和y轴的一一对应数组，比如 ...但是后端传值往往是一个
echarts 折线图，无数据时不显示灰色线条
2019-03-21 15:20

爱人间的博客当折线图所使用类目轴axis.data对应的series.data数据不存在时，series.data数组可用'-'表示，无数据在折线图中表现为折线在该点断开。如果对于一个图前半部分有数据，后半部分无数据，后半部分上方能否不显示一条粗...
echarts 折线图 设置y轴最小刻度_vue中引入echarts及基础配置详解
2020-11-21 04:09

weixin_39910043的博客一、vue引入echarts的步骤第一步：下载echarts文件npm install echarts第二步：在script中引入echartsimport echarts from "echarts";第三步：准备一个具备大小的DOM容器<第四步：初始化echarts实例对象mounted第...
用js的highcharts或者echarts实现折线图，想根据数据的增多实现平移的效果 echarts
2017-05-24 03:23

回答 3 已采纳 echarts ,配置好 ,--> 官方教程,直接复制粘贴的,数据的增多,平移,设置series里面的data 数组 ,push shift,对数组修改,setOption 就能实现上述效果.
Echarts 3.7.2 当x轴为time 第一次加载后怎么动态的给折线图添加数据 html5 javascript
2017-12-03 12:34

回答 1 已采纳可以试试option.series[0].data.push(data)后先myChart.clear()再myChart.setOption(option)
echarts折线图查看24小时数据
2018-09-07 09:13

回答 1 已采纳首先，你的X轴的节点个数应该跟数据个数一致即24*60个数据。其次，可以设置x轴的间隔为60，那么最终就只展示00:00 例如： ``` option = { xAxis:
echarts 修改折线图legend中的文字颜色
2019-12-20 16:10

console.log( )的博客想要图中三个地方的颜色一致，如下图设置，如果只是想要图标颜色与折线颜色一致，所有legend文字颜色一致，可使用注释掉的代码，data数组就不必写了 data数组就是为了设置多个样式的时候，每个样式的legend文字有...
echarts在一个折线/柱状图浮窗显示多条数据
2019-11-20 11:23

白墨阳的博客 echarts在一个折线/柱状图浮窗显示多条数据解决问题就在data里面，首先 data里面是可以json数组形式，如官方API上的 name:”“， value：”“，等 value是echart识别折线图的key值。 1.来看数据格式 data:[ { ...
Echarts折线图绑定动态数据 x轴当前时间 y轴百分比刻度 toolbox使用
2018-01-05 13:38

不如诗啊的博客博主近期在项目中，需要将服务器CPU和内存使用率做成一张折线图，要用到绑定动态数据，于是在网上查阅后发现echarts官网中的实例都是死数据，问题解决后写了这篇博客分享给大家。内含绑定动态数据，toolbox的使用，x...
echarts折线图不标记数据为0的点 echarts 有问必答
2021-06-21 21:49

回答 3 已采纳那你直接把0的数据点用filter去掉不就好了。
百度echarts画折线图显示不出来，画柱状图则正常 echarts javascript 前端
2015-05-24 13:40

回答 5 已采纳没加载折线模块 ``` [ 'echarts', 'echarts/chart/line',//需要加载line模块
请问 echarts 如何能做到柱形图堆叠而折线图不堆叠？ echarts
2017-02-06 03:51

回答 2 已采纳可以考虑重新定义一下配置，对工具栏的切换图形多添加一个点击事件，点击的时候，重新设置配置信息，然后setOption()。做一个切换到达你想要的效果
echarts 折线图 设置y轴最小刻度_Echarts适用小技巧：适用参数详细说明及示例
2020-11-20 23:59

weixin_39576149的博客点击右上方红色按钮关注“web秀”，让你真正秀起来前言前面有文章，讲述了Vue中封装Echarts组件，但都是直接上代码，没有具体对代码进行讲述。...如何隐藏坐标轴Echarts中options对象有xAxis、y...
使用echarts在jsp页面开发一个简单的折线图实例
2018-12-14 17:07

1988我想和这个世界谈谈的博客此实例是根据后台查询到的数据展示的实例，涉及框架(此实例是dwr)，若需要展示固定参数数据的实例请看博客：https://blog.csdn.net/malz_zh/article/details/85006979 <html> <head>...
用Echarts编写柱形图、折线图转换（数据从后台获取）
2018-12-08 14:41

疯子侠的博客 Echarts是一个纯JavaScript图标库，可以流畅的运行在PC和移动设备上，兼容大部分浏览器（IE/8/9/10/11、Firefox、Chrome等），底层依赖轻量级的Canvas类库ZRender ，提供直观、生动、可高度个性化定制的数据可视化...
前端通过echarts生成了一个折线图,如何把这个图片传给后端进行存储？ echarts java javascript 有问必答
2021-08-18 16:56

回答 1 已采纳 getDataURL 获取图片base64字符串，发送这个字符串到服务器，服务器有对应方法还原为2进制图片数据在保存就行。https://echarts.apache.org/zh/api.html#
echarts 图标绘制之折线图
2017-06-23 14:50

weixin_33725126的博客 Echart是js中一款好用的统计图库; js引入：　<script type="text/javascript" src=...vue引入：　cnpm install echart -S 　在需要使用的.vue文件中引入　import echarts from 'echarts/lib/echarts'; 　...
没有解决我的问题, 去提问

Luckly-huang

echarts图标折线图当data数组中的某一个数据为0时，如何隐藏或删除？

4条回答 默认 最新

相关推荐 更多相似问题

4条回答默认最新

相关推荐更多相似问题