首页 > TAG信息列表 > xAxisData
echart 自定义样式
<div id="totalChart" :style="{ height: '360px', width: '100%'}"></div> getData() { request.workOrderList().then(({ object }) => { let category = [], series = [] const微信小程序中使用echarts报错Cannot read property ‘setOption‘ of undefined
最近在开发小程序时遇到了报Cannot read property 'setOption' of undefined的问题，导致了在模拟器上能正常显示，在iOS上也可以正常显示，但是，倒了安卓手机就不能正常显示了 原因 就是在页面渲染时，数据还没有加载完毕 报错提示如下图所示 解决方法 在获取数据，处理数据的时候父组件调用图表组件根据按钮切换展示数据
1、通过接口请求加自定义的刷新属性更新图表展示（v-if） 2、通过在子组件加入图表数据监听(watch) 例： watch: { seriesData: { handler: function(n, o){ this.initChart(); // 重新渲染图表 } } } 3、通过父组件调用子组件的方法完成组件视图更新（ref） 例： 调用：this.$refs['lecharts单线封装
只有一个柱，一条线封装 以下是组件的代码， <template> <div id="box"> </div> </template> <script> import * as echarts from 'echarts'; import {drowEcharts} from '@/utils/echarts.js' export default { data(){ ret