setOption() { for (let i = 0; i < this.data.optionData.length; i++) { this.data.optionData[i].options = this.getOption(this.data.optionData[i].title, this.data.optionData[i].data1) console.log(this.data.optionData[i].options) this.chart = this.selectComponent(`#echart-pie${i}`); console.log(this.chart) this.setData({ optionData: this.data.optionData }) this.chart.initChart() } }, getOption(title, data) { let opation = { title: { text: title, subtext: 'Fake Data', left: 'center' }, tooltip: { trigger: 'item' }, legend: { orient: 'vertical', left: 'left' }, series: [ { name: 'Access From', type: 'pie', radius: '50%', data: data, emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] } return opation },
时间: 2024-02-14 21:25:21 浏览: 78
vue-基于Vue2.0+ECharts封装的图表组件.zip
这代码是一个方法`setOption()`,用于设置图表的配置并初始化图表。
使用`for`循遍历`this.data.optionData`数组中每个元素。
2. 调用`this.getOption()`方法传入当前元素的`title`和`data1`参数,获取图表的项。
3. 打印当前配置项到控制台。
4. 使用`thisComponent()`方法选择对应的图表组件,并将其赋值给`this.chart`。
5. 打印`this.chart`到控制台。
6. 使用`this.setData()`方法更新`optionData`的值。
7. 调用`this.chart.initChart()`方法初始化图表。
`getOption()`方法用于生成图表的配置项,包括标题、提示框、图例和系列数据。具体配置项如下:
- `title`: 设置图表标题,包括主标题和副标题。
- `tooltip`: 设置提示框的触发方式。
- `legend`: 设置图例的显示位置。
- `series`: 设置图表的系列数据,其中包括饼图的类型、半径和数据。
最后,`getOption()`方法返回生成的配置项对象。
阅读全文