![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
橙橙鲁
作为一个前端人,无论工作跑偏到哪,始终不忘初心。
展开
-
echarts 半环形图
配置干货:var option = { title: { text: '30%', left: 'center', top: 'middle', textStyle: { fontSize: 28 } }, tooltip: { trigger: 'item', formatter: '{b}: {c}%' }, series: .原创 2020-10-14 18:46:56 · 2268 阅读 · 2 评论 -
echarts 百分比进度条
echarts 百分比进度条如下图两种,下面代码是第二张图的,第一个的稍加修改label值即可<div id="main" style="width: 180px;height:30px;"></div><script>var myChart = echarts.init(document.getElementById('main'));var option = { grid: { top: 5, bottom: 5,原创 2020-10-14 18:36:36 · 6217 阅读 · 3 评论 -
vue 动态设置 echarts 画布大小 & 更新图表数据
在筛选条件修改后,echarts的图表需要动态修改图表。动态修改echarts 画布大小监听width,height的改变,在更新图表时,使用resize()方法更新图表画布的大小const chart = echarts.init(document.getElementById(this.id)) //获取实例chart.resize({ width: this.width, height: this.height}) //调用resize方法官方文档resize()方法原创 2020-06-29 14:25:28 · 3163 阅读 · 0 评论 -
echarts多次setOption没有覆盖(清除)上一条数据
问题现象:echarts多次setOption没有覆盖原数据。初始图表没有数据,显示一个空坐标轴;第二次setOption新数据时,图表正常绘制新图;第三次setOption时,y轴数据为空,但却绘制出第二次部分数据的图表。现象依次如下面三图:解决方法:echartsInstance. clear官方文档echartsInstance. clearany清空当前实例,会移除实例中所有的组件和图表。在setOption前,先清空图表chart.clear() ,便可以解决此问题。原创 2020-06-15 13:18:50 · 6602 阅读 · 2 评论 -
echarts常用总结
无横纵坐标xAxis: { // show: false // 此方式,在区域小时,图就不显示了 axisTick:{show: false}, axisLine:{show: false}, axisLabel:{show: false}, splitLine:{show: false},},yAxis: { // show: false...原创 2019-09-23 18:49:04 · 204 阅读 · 0 评论