|
|
|
|
@ -6,83 +6,83 @@
|
|
|
|
|
* @Description: In User Settings Edit
|
|
|
|
|
* @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js
|
|
|
|
|
*/
|
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
|
let colors = ['rgba(84,111,197,1)', 'rgba(145,203,116,1)', 'rgba(248,200,87,1)', 'rgba(237,101,101,1)', "rgba(114,191,222,1)", 'rgba(58,162,114,1)', 'rgba(251,131,81,1)']
|
|
|
|
|
function createData(ds=[]) {
|
|
|
|
|
let arr = [];
|
|
|
|
|
for(let i = 0; i < ds.length; i++) {
|
|
|
|
|
let ele = ds[i];
|
|
|
|
|
if(ele.value*1 > 0) {
|
|
|
|
|
let obj = { value: ele.value*1, name: ele.key, itemStyle: {
|
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
|
|
|
|
|
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
|
|
|
|
|
//给第一个设置0，第四个设置1，就是垂直渐变
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'black'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: colors[i]
|
|
|
|
|
}])
|
|
|
|
|
}};
|
|
|
|
|
arr.push(obj)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return arr;
|
|
|
|
|
}
|
|
|
|
|
export default function createOpt(ds = []) {
|
|
|
|
|
const data = createData(ds, colors)
|
|
|
|
|
return {
|
|
|
|
|
legend: {
|
|
|
|
|
y: 10,
|
|
|
|
|
x: 10,
|
|
|
|
|
icon: 'roundRect',
|
|
|
|
|
textStyle: { //图例文字的样式
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: 'Access From0',
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: ['55%', '68%'],
|
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
|
label: {
|
|
|
|
|
show: false,
|
|
|
|
|
position: 'center',
|
|
|
|
|
lineHeight: 30
|
|
|
|
|
},
|
|
|
|
|
emphasis: {
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
fontSize: '20',
|
|
|
|
|
color: "#ffff",
|
|
|
|
|
formatter: function (p) {
|
|
|
|
|
return `${p.data.name}\n${p.percent}%\n${p.data.value}`
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
labelLine: {
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
data: data,
|
|
|
|
|
// import * as echarts from "echarts";
|
|
|
|
|
// let colors = ['rgba(84,111,197,1)', 'rgba(145,203,116,1)', 'rgba(248,200,87,1)', 'rgba(237,101,101,1)', "rgba(114,191,222,1)", 'rgba(58,162,114,1)', 'rgba(251,131,81,1)']
|
|
|
|
|
// function createData(ds=[]) {
|
|
|
|
|
// let arr = [];
|
|
|
|
|
// for(let i = 0; i < ds.length; i++) {
|
|
|
|
|
// let ele = ds[i];
|
|
|
|
|
// if(ele.value*1 > 0) {
|
|
|
|
|
// let obj = { value: ele.value*1, name: ele.key, itemStyle: {
|
|
|
|
|
// color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
|
|
|
|
|
// //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
|
|
|
|
|
// //给第一个设置0，第四个设置1，就是垂直渐变
|
|
|
|
|
// offset: 0,
|
|
|
|
|
// color: 'black'
|
|
|
|
|
// }, {
|
|
|
|
|
// offset: 1,
|
|
|
|
|
// color: colors[i]
|
|
|
|
|
// }])
|
|
|
|
|
// }};
|
|
|
|
|
// arr.push(obj)
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// return arr;
|
|
|
|
|
// }
|
|
|
|
|
// export default function createOpt(ds = []) {
|
|
|
|
|
// const data = createData(ds, colors)
|
|
|
|
|
// return {
|
|
|
|
|
// legend: {
|
|
|
|
|
// y: 10,
|
|
|
|
|
// x: 10,
|
|
|
|
|
// icon: 'roundRect',
|
|
|
|
|
// textStyle: { //图例文字的样式
|
|
|
|
|
// color: '#fff'
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// series: [
|
|
|
|
|
// {
|
|
|
|
|
// name: 'Access From0',
|
|
|
|
|
// type: 'pie',
|
|
|
|
|
// radius: ['55%', '68%'],
|
|
|
|
|
// avoidLabelOverlap: false,
|
|
|
|
|
// label: {
|
|
|
|
|
// show: false,
|
|
|
|
|
// position: 'center',
|
|
|
|
|
// lineHeight: 30
|
|
|
|
|
// },
|
|
|
|
|
// emphasis: {
|
|
|
|
|
// label: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// fontSize: '20',
|
|
|
|
|
// color: "#ffff",
|
|
|
|
|
// 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: ['70%', '74%'],
|
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
|
label: {
|
|
|
|
|
show: false,
|
|
|
|
|
position: 'center'
|
|
|
|
|
},
|
|
|
|
|
labelLine: {
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
center: ['50%', '50%'],//边框位置
|
|
|
|
|
data: data,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// name: 'Access From1',
|
|
|
|
|
// type: 'pie',
|
|
|
|
|
// radius: ['70%', '74%'],
|
|
|
|
|
// avoidLabelOverlap: false,
|
|
|
|
|
// label: {
|
|
|
|
|
// show: false,
|
|
|
|
|
// position: 'center'
|
|
|
|
|
// },
|
|
|
|
|
// labelLine: {
|
|
|
|
|
// show: false
|
|
|
|
|
// },
|
|
|
|
|
// center: ['50%', '50%'],//边框位置
|
|
|
|
|
// data: data,
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// }
|
|
|
|
|
// ]
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
