You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.2 KiB
93 lines
2.2 KiB
import * as echarts from 'echarts'
|
|
export function pieOption() {
|
|
const center = ["50%", "170px"];
|
|
return {
|
|
title: {
|
|
text: "0",
|
|
top: 45,
|
|
left: "center",
|
|
textStyle: {
|
|
width: "100%",
|
|
fontSize: 24,
|
|
color: "#FFFFFF",
|
|
fontWeight: 400,
|
|
},
|
|
itemGap: 5,
|
|
// subtext: "总数",
|
|
// subtextStyle: {
|
|
// fontSize: 20,
|
|
// color: "#fff",
|
|
// fontWeight: 400,
|
|
// },
|
|
},
|
|
tooltip: {
|
|
show: false,
|
|
},
|
|
// legend: {
|
|
// top: 350,
|
|
// bottom: 0,
|
|
// itemWidth: 20,
|
|
// itemHeight: 10,
|
|
// textStyle: {
|
|
// color: '#D2E7FF',
|
|
// fontSize: 16,
|
|
// lineHeight: 20,
|
|
// },
|
|
|
|
// },
|
|
series: [
|
|
{
|
|
name: 'Access From',
|
|
type: 'pie',
|
|
radius: ['60%', '90%'],
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: 'center'
|
|
},
|
|
// emphasis: {
|
|
// label: {
|
|
// show: true,
|
|
// fontSize: 40,
|
|
// fontWeight: 'bold'
|
|
// }
|
|
// },
|
|
labelLine: {
|
|
show: false
|
|
},
|
|
itemStyle: {
|
|
normal: {
|
|
color: (list) => {
|
|
// 注意 ！！！！！ 这里的数组一定要和实际的类目长度相等或大于，不然会缺少颜色报错
|
|
var colorList = [
|
|
{
|
|
colorStart:'#00023A',
|
|
colorEnd:'#6FDEFF'
|
|
},
|
|
{
|
|
colorStart:'#00023A',
|
|
colorEnd:'#FFAA00'
|
|
},
|
|
{
|
|
colorStart:'#00023A',
|
|
colorEnd:'#1A95FF'
|
|
},
|
|
|
|
]
|
|
return new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ //左、下、右、上
|
|
offset: 0,
|
|
color: colorList[list.dataIndex]['colorStart']
|
|
}, {
|
|
offset: 1,
|
|
color: colorList[list.dataIndex]['colorEnd']
|
|
}])
|
|
}
|
|
}
|
|
},
|
|
|
|
data: [
|
|
]
|
|
}
|
|
]
|
|
};
|
|
}
|
|
|