visualmap折线图_echarts折线图实现切断效果

2024-04-10 08:04:48

需求描述：

折线图如果相邻的两个值都是0则不显示这一段水平折线。

分析

如果折线图上的数值为0会在，x轴有一段水平线，如果能将这段隐藏就达到了折线图切割的效果。

echarts中有个折线图渲染属性 visualMap，可以利用这个属性对折线进行修饰。让被选中的区间透明就达到切割的目的了。

全局设置--visualMap是个对象

visualMap:{

show: false,

dimension: 0,

pieces: [{ // 这是需要渲染的折线区间。得到数据后只需要计算出这个区间就可以了

gt: 6,

lt: 8

}, {

gt: 12,

lt: 13

}]

, outOfRange: {opacity: 1} // 区间外渲染

, inRange: {opacity: 0} // 区间内透明，即如果数据区间为0就不显示

}

单个设置 -- visualMap是个数组

visualMap: [

{

show: false,

seriesIndex: 0, // 如果有多条折线可利用此属性区别渲染哪条折线

dimension: 0,

pieces: [{ // 这是需要渲染的折线区间。得到数据后只需要计算出这个区间就可以了

gt: 6,

lt: 8

}, {

gt: 12,

lt: 13

}]

, outOfRange: {opacity: 1} // 区间外渲染

, inRa

visualmap折线图_echarts折线图实现切断效果相关推荐

echarts 其他样式折线重叠_echarts 折线图 areaStyle颜色重叠问题
option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } ...
echart关系树状图_Echarts关系图-力引导布局
需要做一个树形图,可以查看各个人员的关系. 可伸缩的力引导图-失败刚开始,打算做一个可展开和伸缩的,搜索时候发现CSDN有一篇美美哒程序媛写的Echarts Force力导向图实现节点可折叠. 这里 ...
echarts折线图堆叠怎么设置_ECharts折线图堆叠设置为不堆叠的方法
下图是ECharts折线图堆叠的官方源码,设置折线图不堆叠只需要将每一个stack的值设置为不一样的名称或者将stack属性删除即可. option = { title: { text: '折线图堆叠 ...
百度echart柱图、折线图、饼图、Map类型等类似视图的动态加载数据
这几天接触的一个项目需要使用到百度的echart,所以简单查找并实验了几款比较简单且适用性较广的例子,做了几个简单的Demo,一来是对echart有所了解,二来也是记录一下,方便以后进一步的优化. 首 ...
Android之玩转MPAndroidChart让（折线图、柱形图、饼状图、散列图、雷达图）优雅的舞...
2019独角兽企业重金招聘Python工程师标准>>> 把开源项目MPAndroidChart里面的折线图.柱形图.饼状图.散列图.雷达图怎么使用和一些属性详细的介绍,当我们项目 g ...
tableau可视化函数使用案例（六十六）-Tableau折线图作图方法（凹凸图、弧线图和雷达图）
前言 Tableau是商业智能软件届的翘楚,对于制作各种可视化分析图表极为便捷.本文主要讲解用tableau制作各种多变折线图,包括凹凸图.弧线图和雷达图等. 注:本文所有案例数据均源于Tableau ...
Pyecharts：pyecharts(图文+代码)实战(柱状图/条形图/散点图、漏斗图、仪表盘、折线/面积图、水球图、地图、平行坐标系、饼图、极坐标系、雷达图、词云图)之绘制各种吊炸天的图表
Pyecharts:pyecharts(图文+代码)实战(柱状图/条形图/散点图.漏斗图.仪表盘.折线/面积图.水球图.地图.平行坐标系.饼图.极坐标系.雷达图.词云图)之绘制各种吊炸天的图表目录 ...
python雷达和柱形图_Python Pygal常见数据图（折线图、柱状图、饼图、点图、仪表图和雷达图）详解...
Pygal 同样支持各种不同的数据图,比如饼图.折线图等.Pygal 的设计很好,不管是创建哪种数据图,Pygal 的创建方式基本是一样的,都是先创建对应的数据图对象,然后添加数据,最后对数据图进行配 ...
绘制商务感十足的折线图和面积图
今天接着大家讲解一下如何使用Excel绘制折线图与面积图. 先上样图,大家可以看一下: 今天这两个图都是单系列的折线图与面积图.折线图与面积图一般都用来描述在时间序列上数据的变化情况.在一些特定的情况 ...

最新文章

热门文章