分类：echart

2022
06-10

Echart Bar双柱状图样式最全详解

目录前言安装及配置1.安装Echarts2.全局引入Echarts3.按需引入Echarts样式优化x轴基础样式最大和最小刻度标签series数据列悬浮高亮坐标指示器背景渐变色tooltip提示框自定义样式y轴基础样式legend图例样式自定义总结前言在最近的项目中，有可视化图表的需求，第一时间就想到了Echarts和Hightcharts。要用到的可视化图表都是比较常见的，Echarts文档和实例都比较全面，而且还是中文的，方便阅读，于是选择了Echarts。Ech... 继续阅读 >

2020
10-08

Vue解决echart在element的tab切换时显示不正确问题

最近在项目中遇到了这种情况，需要在tab控件上渲染多个echart图标，然后切换查看时，发现图表的宽度不正确原因：在页面进行加载时，隐藏的图表找不到对应的div大小，所以默认给了一个大小。所以要做的就是在页面加载时，就对图表进行初始化。网上的解决方案大多都是监听tab的切换事件，然后再根据切换的页面重新渲染echart组件，比较麻烦。如下是个人的解决方法：原理：利用v-if属性,当切换至对应的tab时，设置其v-if的值为true即... 继续阅读 >

2020
10-08

VUE 单页面使用 echart 窗口变化时的用法

在VUE项目中，为了使echart在窗口变化时能够自适应，要用到window.resize=function(){.......};但是我在项目刚开始的时间就有一个地方的高度变化使用了window.resize，在里面再次使用会覆盖掉原来的，所以在里面图表使用时可以用window.addEventListener('resize',this.resizeFu,false);resixeFu就是图表变化时的方法resizeFu(){letdiv=document.getElementById('changeData');if(div&&this.changeData.DataTi... 继续阅读 >