Javascript 如何取消选择所有图例,但不应选择另一个图例';在电子艺界没有被选中
代码如下:Javascript 如何取消选择所有图例,但不应选择另一个图例';在电子艺界没有被选中,javascript,typescript,echarts,Javascript,Typescript,Echarts,代码如下: const _this = this; const legendList = new Array(); legendList.push("邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎") this.option = { title: { text: "堆叠区域图" }, tooltip: { trigger: "axis", axisPointer:
const _this = this;
const legendList = new Array();
legendList.push("邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎")
this.option = {
title: {
text: "堆叠区域图"
},
tooltip: {
trigger: "axis",
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985"
}
},
formatter: function(param: any) {
let res = param[0].name + "<br/>";
for (let x = 0; x < param.length; x++) {
res += _this.uploadIcon + ' ' + param[x].seriesName + ': ' + Math.abs(param[x].data) + '<br/>'
}
return res;
}
},
legend: {
data: legendList,
selected: {
'搜索引擎': false
}
},
toolbox: {
feature: {
saveAsImage: {}
}
},
grid: {
left: "3%",
right: "4%",
bottom: "3%",
containLabel: true
},
xAxis: [
{
type: "category",
boundaryGap: false,
data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
],
yAxis: [
{
type: "value"
}
],
series: [
{
name: "邮件营销",
type: "line",
stack: "总量",
areaStyle: {},
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: "联盟广告",
type: "line",
stack: "总量",
areaStyle: {},
data: [220, 182, 191, 234, 290, 330, 310]
},
{
name: "视频广告",
type: "line",
stack: "总量",
areaStyle: {},
data: [150, 232, 201, 154, 190, 330, 410]
},
{
name: "直接访问",
type: "line",
stack: "总量",
areaStyle: {},
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name: "搜索引擎",
type: "line",
stack: "总量",
label: {
normal: {
show: true,
position: "top"
}
},
areaStyle: {},
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
const\u this=this;
const legendList=新数组();
legendList.push(“邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎")
此选项={
标题:{
文本:“堆叠区域图"
},
工具提示:{
触发器:“轴”,
轴指针:{
类型:“交叉”,
标签:{
背景颜色:“6a7985”
}
},
格式化程序:函数(参数:任意){
设res=param[0]。name+“
”;
for(设x=0;x
}
返回res;
}
},
图例:{
资料来源:legendList,
选定:{
'搜索引擎': 假的
}
},
工具箱:{
特色:{
saveAsImage:{}
}
},
网格:{
左:“3%”,
右:“4%”,
底部:“3%”,
标签:正确
},
xAxis:[
{
类型:“类别”,
边界间隙:false,
数据:[”周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
],
亚克斯:[
{
类型:“值”
}
],
系列:[
{
姓名:“邮件营销",
键入:“行”,
堆栈:“总量",
区域样式:{},
数据:[120132101134 90230210]
},
{
姓名:“联盟广告",
键入:“行”,
堆栈:“总量",
区域样式:{},
数据:[220182191234290330310]
},
{
姓名:“视频广告",
键入:“行”,
堆栈:“总量",
区域样式:{},
数据:[150、232、201、154、190、330、410]
},
{
姓名:“直接访问",
键入:“行”,
堆栈:“总量",
区域样式:{},
数据:[3203323014320]
},
{
姓名:“搜索引擎",
键入:“行”,
堆栈:“总量",
标签:{
正常:{
秀:没错,
位置:“顶部”
}
},
区域样式:{},
数据:[8209329011934013301320]
}
]
};
如何取消选择除搜索引擎代码>动态。如果有一个新的图例,它将自动禁用。例如,有一个新的图例是Server
,则添加时它将自动取消选中
下面是stackblitz代码:如果要使其成为动态的,则需要将所有元素传递给selected{}属性,因为默认情况下它将选择所有图例
selected: {
"搜索引擎": true,
"邮件营销": false,
"联盟广告": false,
"视频广告": false,
"直接访问": false
}
如果要使其成为动态的,则需要将所有元素传递给selected{}属性,因为默认情况下它将选择所有图例
selected: {
"搜索引擎": true,
"邮件营销": false,
"联盟广告": false,
"视频广告": false,
"直接访问": false
}
如果有一个新的图例,该图例应自动取消选中而不编辑代码。如果有一个新的图例,该图例应自动取消选中而不编辑代码。