react+Echarts 饼图
样式效果
//编辑器粘贴过来的部分代码,就不校对格式了
frequencyPieData: [
{
name: "aa厂商",
value: 25.75,
},
{
name: "bb厂商",
value: 32.68,
},
{
name: "cc厂商",
value: 16.8,
},
{
name: "dd厂商",
value: 12.26,
},
{
name: "ee厂商",
value: 12.43,
}
],
pieColor: [
"#4C83FF",
"#60daab",
"#01c9fd",
"#ff8f5f",
"#ffea68",
"#ff7391",
]
{
frequencyPieData != null ?
<PieChart
data={
frequencyPieData}
idName='problemDistribution'
height='400px'
legend={
frequencyLegend}
colorData={
pieColor} /> : ''}
饼图组件
import React from 'react'
import * as echarts from 'echarts';
export default class pieChart extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
this.initChart()
}
initChart() {
const {
data, doughnutName, doughnutMinAngle = 0, centerData