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 
 }

如果有一个新的图例,该图例应自动取消选中而不编辑代码。如果有一个新的图例,该图例应自动取消选中而不编辑代码。