vue-echarts组件使用注意事项

vue-echarts (https://www.npmjs.com/package/vue-echarts/v/3.1.3)为VUE组件,支持ECharts图表绘制。
使用注意事项:

  1. 如果需要自适应容器大小,比如容器在Tab页内,可以在元素内添加属性::auto-resize='true'
  2. 如果想要调整ECharts风格,比如使用马卡龙风格,可以在元素内添加属性:theme='macarons'。务必要导入相应theme的js,对于马卡龙风格,需要:import 'echarts/theme/macarons',请参考 3。
  3. 除去基本属性,如果对图配置某属性,但在图上无法表现该属性时,很可能是未导入属性js导致。如未导入title,则即使配置了title,图上也不会出现title。导入示例如下:
    import 'echarts/lib/component/dataZoom'
    import 'echarts/lib/component/grid'
    import 'echarts/lib/component/title'
    import 'echarts/lib/component/tooltip'
  1. 如果需要动态更新数据,应该在更新series中的data后,执行clear()方法。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值