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.
82 lines
2.6 KiB
82 lines
2.6 KiB
/*
|
|
* @Author: your name
|
|
* @Date: 2021-10-14 16:05:12
|
|
* @LastEditTime: 2021-10-14 18:39:52
|
|
* @LastEditors: Please set LastEditors
|
|
* @Description: In User Settings Edit
|
|
* @FilePath: /data-show/src/views/WeiboDetails/weiboContentTOPVolume/opt.js
|
|
* startAngle: 180,
|
|
*/
|
|
import * as echarts from "echarts";
|
|
export default function createOpt(name, color, num) {
|
|
return {
|
|
tooltip: {
|
|
backgroundColor: "#08182F",
|
|
color: "#fff",
|
|
borderColor: "#3373CC",
|
|
textStyle: {
|
|
color: "#fff", //设置文字颜色
|
|
},
|
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
|
|
formatter: function(param) {
|
|
let value = param.data.value;
|
|
let name = param.data.name;
|
|
return `<span>${name}</span><br><span>声量:${value}</span>`
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: name,
|
|
type: 'gauge',
|
|
startAngle: 180,
|
|
endAngle: 0,
|
|
min: 0,
|
|
max: 800,
|
|
splitNumber: 5,
|
|
detail: { show: false, formatter: '{value}%' },
|
|
axisLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
width: 7,
|
|
color: [
|
|
[1, new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
|
{
|
|
offset: 0,
|
|
color: "#020f1f"
|
|
},
|
|
{
|
|
offset: 1,
|
|
color: color
|
|
}
|
|
])
|
|
]
|
|
]
|
|
}
|
|
},
|
|
axisLabel: {
|
|
distance: -30,
|
|
color: "#d8d8d8",
|
|
},
|
|
splitLine: {
|
|
distance: -6,
|
|
length: 12,
|
|
lineStyle: {
|
|
color: '#d8d8d8',
|
|
width: 2
|
|
}
|
|
},
|
|
// 刻度线
|
|
axisTick: {
|
|
show: true,
|
|
length: 15,
|
|
lineStyle: {
|
|
color: "auto",
|
|
width: 5
|
|
}
|
|
},
|
|
data: [{ value: num, name: name, title: {show: true, color: color,fontWeight: 'bold'},itemStyle:{color: color}}],
|
|
}
|
|
]
|
|
};
|
|
}
|