vue中引入依赖
dependencies中引入
"echarts-gl": "^1.1.2",
前端代码部分
drawLine3(id) {
this.charts3 = this.$echarts.init(document.getElementById(id))
// eslint-disable-next-line no-unused-vars
this.personChartListData =
[{
name: 'itema项目A',
value: 666
}, {
name: 'itemb项目B',
value: 1570
}]
const colorList = ['#00d8ff', '#018ef1', '#f8bc87', '#ffa130', '#c23531']
const pieData = []
for (let i = 0; i < this.personChartListData.length; i++) {
const item = {
name: this.personChartListData[i].name,
value: this.personChartListData[i].value,
itemStyle: {
color: colorList[i]
}
}
pieData.push(item)
}
var option = this.getPie3D(pieData, 0.59)
this.charts3.setOption(option)
},
getPie3D(pieData, internalDiameterRatio) {
debugger
const series = []
let sumValue = 0
let startValue = 0
let endValue = 0
const legendData = []
const k =
typeof internalDiameterRatio !== 'undefined'
? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
: 1 / 3
// 为每一个饼图数据,生成一个 series-surface 配置
for (let i = 0; i < pieData.length; i++) {
sumValue += pieData[i].value
const seriesItem = {
name: typeof pieData[i].name === 'undefined'