vue-echarts-v3的使用,支持组件 resize 事件自动更新视图(echarts不支持)

1、定义

option定义在data里面(如果后续某个事件内,改变了option里面的series[i].data的值,图表会自动刷新):

在这里插入图片描述

其内容为echarts官网例子里面的定义option部分:

在这里插入图片描述
定义一个事件,来改变series[i].data的值,测试是否会自动刷新图表
在这里插入图片描述在这里插入图片描述
点击前:在这里插入图片描述
点击后:在这里插入图片描述

2、使用:

  • npm install --save echarts vue-echarts-v3
  • 在使用的组件内引入 import IEcharts from ‘vue-echarts-v3/src/full.js’
  • 在这里插入图片描述
<IEcharts
     :option="option_hsl"
     :loading="loading1"
     :resizable="true"
      @ready="onReady"
      @click="onClick"
/>

参考链接:
https://blog.csdn.net/weixin_33970449/article/details/88767110
https://www.cnblogs.com/cag2050/p/7831452.html

发布了51 篇原创文章 · 获赞 8 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_44171757/article/details/100916901