echarts
echarts的学习与运用
记得说晚安
这个作者很懒,什么都没留下…
展开
-
echarts图表切换功能(不改变数据,只切换图形)
方法一:echarts自带(该方法能进行折线图和柱状图的切换,因为这两种图表渲染的数据格式是一致的)// 在options中加入以下配置即可 toolbox: { show: true, feature: { magicType: {type: ['line', 'bar']}//此处最新版本echarts可设置三个值(stack-堆叠模式) } }方法二:自己进行数据处理,并重新渲染echarts(自己实操,想法原创 2021-05-26 10:23:05 · 9251 阅读 · 3 评论 -
echarts树图添加节点点击事件
需求:为树图添加节点点击事件,点击不同层级的节点文本时进行不同的操作实现过程:// 初始化树图方法initTreeChart(){ //-----------------------第一步:实现树图,代码如下--------------------------- //获取echarts要渲染的元素 let dom = document.getElementById('treeChartBox'); let myChart = this.echarts.init(dom);原创 2021-05-21 17:18:05 · 9381 阅读 · 6 评论 -
echarts实现环形图嵌套饼图
需求描述:最外层环形图展示总体检查进度,内层分别展示三个模块的检查进度设计效果:思路:首先画出外层圆环,将内层圆环采用定位的方式,使其呈现在环形图中间代码:<div class="chartBox"> <div id='progressChart'></div> <div id="pieChart"></div></div>此处需要注意的是,不可将里层的div(即id为pieChart的div)直接嵌入到外层的原创 2021-01-12 11:18:02 · 4383 阅读 · 0 评论