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.
73 lines
1.7 KiB
73 lines
1.7 KiB
/*
|
|
* @Author: your name
|
|
* @Date: 2021-10-09 09:49:50
|
|
* @LastEditTime: 2021-10-28 13:07:24
|
|
* @LastEditors: Please set LastEditors
|
|
* @Description: In User Settings Edit
|
|
* @FilePath: /data-show/src/views/Index/userPortrait/opt.js
|
|
*/
|
|
import * as echarts from "echarts";
|
|
// let colors = ['#3373CC', '#CC9D12', '#54BF93','#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1','#f7a35c','#90ed7d']
|
|
function createData(ds = [], colors) {
|
|
let arr = [];
|
|
ds.map((ele, index) => {
|
|
let obj = {
|
|
value: ele.value,
|
|
name: ele.key,
|
|
itemStyle: {
|
|
color: colors[index]
|
|
}
|
|
}
|
|
arr.push(obj)
|
|
})
|
|
return arr;
|
|
}
|
|
export default function createOpt(ds = [], color = []) {
|
|
const data = createData(ds, color);
|
|
return {
|
|
series: [
|
|
{
|
|
name: 'Access From0',
|
|
type: 'pie',
|
|
radius: ['65%', '80%'],
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: 'center',
|
|
lineHeight: 36
|
|
},
|
|
emphasis: {
|
|
label: {
|
|
show: true,
|
|
fontSize: '20',
|
|
color: "#ffff",
|
|
fontWeight: 'bold',
|
|
formatter: function (p) {
|
|
return `${p.data.name}\n${p.percent}%\n${p.data.value}`
|
|
}
|
|
}
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
},
|
|
data: data
|
|
},
|
|
{
|
|
name: 'Access From1',
|
|
type: 'pie',
|
|
radius: ['86%', '94%'],
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: 'center'
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
},
|
|
center: ['50%', '50%'],//边框位置
|
|
data: data
|
|
}
|
|
]
|
|
}
|
|
}
|