根据seriesName 设置不同颜色
tooltip: {
trigger: "axis",
borderWidth: "0",
borderColor: "none",
padding: 16,
textStyle: {
fontSize: 12,
color: "rgba(209, 212, 220, 1)",
},
tooltip: {
show: true,
},
extraCssText: "background:rgba(61, 63, 71, 1);",
formatter: (params) => {
let result = `<div style="border-bottom: 1px solid rgba(151, 151, 151, 0.2); padding-bottom: 8px; margin-bottom: 8px">
${params[0].name}
</div>`;
params.forEach((item) => {
console.log(item.seriesName);
var re = item.seriesName;
var colors = "";
switch (re) {
case "Monthly Options":
colors = "#4AB5E8";
break;
case "Weekly Options":
colors = "#EACCAE";
break;
case "Daily Options":
colors = "#B7EAE2";
break;
}
var aaa = this.kmb(item.data);
console.log(item.seriesName);
result += `<span style="color:${colors}">${item.seriesName} : ${aaa}</span><br/> `;
});
return result;
},
},
series: [
{
name: "Monthly Options",
type: "bar",
data: ayData,
stack: "搜索引擎",
label: {
show: false,
},
itemStyle: {
color: "rgba(74, 181, 232, 1)",
},
},
{
name: "Weekly Options",
type: "bar",
stack: "搜索引擎",
label: {
show: false,
},
data: byData,
itemStyle: {
color: "rgba(234, 204, 174, 1)",
},
},
{
name: "Daily Options",
type: "bar",
stack: "搜索引擎",
label: {
show: false,
},
data: cyData,
itemStyle: {
color: "rgba(183, 234, 226, 1)",
},
},
],