option中代码
let option = {
backgroundColor: "#031d33",
animation: true,
tooltip: {
trigger: "item",
backgroundColor: "transparent", // 修改背景颜色
borderColor: "transparent", // 修改边框颜色
formatter: function (params) {
//使用formatter函数修改需要的样式
let res = "";
res +=
`<div style="background:url(${require("../../assets/image/tooltipbg.png")}) no-repeat 100% 100%; width:111px;height:65px;">` +
'<div style="color:#fff;padding:10% 1%;font-size:14px">' +
'<span style="border:4px solid #fff;border-color:transparent transparent transparent #66FFFF">' +
"</span>" +
"<span>" +
params.name +
"</span>" +
"</div>" +
"<div >" +
'<span style="color:#fff;font-family:SourceHanSansCN-Bold;font-size:20px;letter-spacing:1.25px;font-weight:700;padding-left:10%">' +
params.value +
"</span>" +
"</div>" +
"</div>";
return res;
},
},
grid: {
left: "3%",
right: "6%",
bottom: "10%",
top: "15%",
containLabel: true,
},
xAxis: {
data: [
"高端装备制",
"新一代信息",
"新能源汽车",
"新材料产业",
"数字创意产业",
],
// 去掉刻度线
axisTick: {
show: false,
},
// x轴 轴线颜色
axisLine: {
lineStyle: {
color: "rg