echarts
Hello_my_new_world
这个作者很懒,什么都没留下…
展开
-
eCharts下载按钮
需求:实现eCharts折线图右上角显示一个下载按钮,点击下载此折线图图片。实现:方式一、使用eCharts官方工具 toolbox。方式二、自定义按钮节点,设置点击响应事件原创 2022-01-18 17:19:45 · 5077 阅读 · 0 评论 -
Echarts堆叠图显示总数
遇到一个需求:柱状堆叠图除了每个“柱”内部显示数据,还要在每个“柱”上方显示总数。类似下图:解决:堆叠图新增一个总数的“柱”,此“柱”的对应data全置为0,则不会显示总数的堆叠图,再使用label的formatter显示计算出的数据总数。基本代码:...const totalStackBar = { name: '', type: 'bar', stack: 'stack', itemStyle: { normal:{原创 2021-02-09 19:09:09 · 2900 阅读 · 0 评论 -
echarts树图
用echarts做了两周(算上之前应该是4周)的树图,记录一下遇到的一些特性和问题。特性:1、echarts中绑定事件,通过 on方法例如:绑定click方法myChart.on('click', function (params) { console.log(params);});2、echarts的 on方法 先于 DOM点击事件执行。3、echarts实例的 _chartsViews[0]._data 有很多有用的属性。4、改变图表尺寸,在容器大小发生改变时需要原创 2020-11-18 21:15:44 · 1986 阅读 · 0 评论 -
echarts使主标题和副标题在同一行显示
echarts中,如果同时设置了主标题和副标题,副标题默认显示在主标题下方。若想要主标题和副标题在同一行,可以将title设置为数组,即:将主标题伪装成副标题。option = { title: [{ text: "Main Title", left:0, textStyle: { fontSize: 30, }, },{ text: "Sub Title",原创 2020-09-11 17:48:16 · 4493 阅读 · 0 评论