![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
正函数
一呼吸,一天地
展开
-
echarts 嵌套仪表盘
echarts嵌套仪表盘原创 2022-09-23 11:12:53 · 512 阅读 · 0 评论 -
echarts地图自定义icon图标并在图标内自定义文字
echarts地图自定义icon图标并在图标内自定义文字原创 2022-08-16 10:02:05 · 2074 阅读 · 0 评论 -
echarts扇形仪表盘
echarts仪表盘 渐变色 间隙仪表盘原创 2022-08-12 09:13:52 · 462 阅读 · 0 评论 -
echarts地图根据数值范围显示不同的颜色
echarts地图根据数值范围显示不同的颜色。原创 2022-07-20 13:47:19 · 4719 阅读 · 0 评论 -
【复制粘贴系列】echarts使用地图
echarts 使用地图展示原创 2022-07-20 10:50:42 · 204 阅读 · 0 评论 -
echarts
进度条var colors = ["#f00","#00f","#ff0","#0ff","#f0f"];option = { title: { text: '世界人口总量', subtext: '数据来自网络' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: {原创 2020-12-31 15:55:09 · 147 阅读 · 0 评论 -
改变echarts图片标题线条颜色
series里每个想添加不同的颜色只需要在对象里添加itemStyle 来改变颜色就行itemStyle = { normal: { lineStyle: { color: '#808000', //上面的标题颜色 .原创 2020-08-31 17:51:11 · 938 阅读 · 0 评论 -
echart根据div的宽度变化自适应
安装npm install element-resize-detector使用在需要的页面引入import elementResizeDetectorMaker from 'element-resize-detector' mounted() { const that = this const erd = elementResizeDetectorMaker() //isEcharts 是需要监听的div erd.listenTo(document.getE原创 2020-07-08 10:23:21 · 1184 阅读 · 1 评论 -
vue使用echarts图表自适应
mounted() { setTimeout(() => { window.addEventListener('resize', () => { if (this.echart) { //避免存在报错 this.echart.resize() } }) }, 20) },原创 2020-06-02 16:44:17 · 211 阅读 · 0 评论 -
echarts图表刷新:vue中传递数据给子组件,并且监听子组件中数据的变化,实现刷新echarts图表的功能
需求一个页面多个echarts图表,把echarts写出组件 通过props传值第一种方法:在父子间中使用ref 在给子组件传值之后 通过this.$refs.drawPie() 执行echarts组件里面方法实现实时刷新数据第二种方法在echarts子组件 watch监听传过来的值 当值发生变化是就执行this.drawPie()方法,就不在mounted中执行 watch:{...原创 2020-03-13 11:18:17 · 1928 阅读 · 1 评论 -
vue使用 echarts总结
第一步先试用echarts.init()方法:在获取dom元素后 可以通过echarts.init() 创建echar实例因为echarts里需要使用dom来挂载画布,我通过 ref 获取dom节点(ref是在dom渲染完成之后才有的) 所以在使用echarts时要在生命周期mounted(){}钩子中调用 或者使用this.$nextTick(()=>{})中调用(它会在dom更新...原创 2020-01-16 12:51:54 · 1797 阅读 · 0 评论 -
vue+echarts基本图形使用
1.安装:cnpm install echarts --save2.页面引入:import echarts from “echarts”;3.基本格式:<template> <div> <div id="main" style="width: 600px;height: 400px;"></div> </div>...原创 2019-11-22 13:19:48 · 919 阅读 · 0 评论