![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
文章平均质量分 61
别忘了微笑_cuicui
这个作者很懒,什么都没留下…
展开
-
echarts折线图汇总要点
1、过滤掉部分横坐标不展示代码完整部分: xAxis: { type: 'category', boundaryGap: false, data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23], axisLabel: { // 计算并展示部分横坐标原创 2022-03-22 16:02:50 · 1628 阅读 · 0 评论 -
堆叠条形图鼠标移入tooltip中提示过滤为0元素,实现自定义气泡
具体实现效果图如下:这样看上去更清爽一些。实现代码如下:tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: function (params) { var res = `${params[0].name} <br/>`原创 2020-08-13 08:55:29 · 356 阅读 · 0 评论 -
横向堆叠条形图(末尾增加合计行,动态设置高度,数据动态渲染,自定义动态color)
本文主要是针对横向堆叠条形图进行讲解。包含了末尾增加合计数字,以及动态渲染数据,根据数据不同来动态展示高度,以及动态设置color等。下面先看一下效果图:html部分代码:<div style="margin:20px 0;">堆叠条形图</div> <div style="background: #fff;padding-bottom: 20px;" :style="{height: statusChartList.yAxis.length*60+'px'}"原创 2020-06-01 12:14:58 · 1897 阅读 · 1 评论 -
echarts使用中遇到的小技巧
自适应屏幕缩放pie.setOption(option);window.addEventListener("resize", () => { pie.resize();});环形图模块增加点击事件pie.setOption(option);// 点击事件pie.on('click', function (params) { if(params){ that...原创 2019-09-19 10:03:51 · 185 阅读 · 0 评论 -
echarts绘制图形在线上环境下路由跳转后不显示bug
遇到一个很奇葩的bug,用echarts绘制的饼图 柱状图,在本地环境下是没有问题的,但是线上环境唯独谷歌浏览器出现了一个奇怪的bug: 从当前界面跳转到详情界面,再从详情界面返回当前界面,echarts绘制的饼图 柱状图都不显示了;稍微变动一下屏幕分辨率,他又是显示出来了;线上环境大断点调试,数据也拿到了。目前呢,还没发现这个bug的来由,但是解决方法到时候出现了,利用重载解...原创 2019-10-09 09:00:09 · 1098 阅读 · 2 评论