首页 > 其他分享 >Echarts 图例后面增加内容 报错option is not defind

Echarts 图例后面增加内容 报错option is not defind

时间:2024-05-21 09:51:51浏览次数:12  
标签:tarValue option return 图例 let 报错 total data name

效果

 需添加以下代码即可,与 series 平级

formatter: function(name) {
  let data = option.series[0].data;
  let total = 0;
  let tarValue;
  for (let i = 0; i < data.length; i++) {
    total += data[i].value;
    if (data[i].name === name) {
      tarValue = data[i].value;
    }
  }
  // 数量
  let v = tarValue;
  // 百分比
  let p = Math.round(((tarValue / total) * 100));
  // return `${name}  ${v}次(${p}%)`;
  return `${name}:${v}次`;
},

解决问题

formatter: name=> {
    let data = this.option.series[0].data;
    let total = 0;
    let tarValue;
    for (let i = 0; i < data.length; i++) {
        total += data[i].value;
        if (data[i].name === name) {
        tarValue = data[i].value;
        }
    }
        // 数量
    let v = tarValue;
        // 百分比
    let p = Math.round(((tarValue / total) * 100));
    // return `${name}  ${v}次(${p}%)`;
    return `${name}:${v}次`;
        },
},

 

标签:tarValue,option,return,图例,let,报错,total,data,name
From: https://www.cnblogs.com/jiaoliankun/p/18203343

相关文章

  • idea中的springboot项目如何重命名而不报错
    在IntelliJIDEA中重命名SpringBoot项目需要一些步骤,以确保项目在重命名后不会报错。以下是详细的步骤指南:1.重命名项目文件夹关闭项目:在IntelliJIDEA中关闭当前项目。重命名文件夹:在文件系统中找到项目所在的文件夹,右键重命名文件夹。重新打开项目:在IntelliJID......
  • hue无法启动,报错
    stderr:Traceback(mostrecentcalllast):File"/var/lib/ambari-agent/cache/stacks/HDP/3.1/services/HUE/package/scripts/hue_server.py",line82,in<module>HueServer().execute()File"/usr/lib/ambari-agent/lib/resource_manageme......
  • 蟒蛇书(Python编程:从入门到实践)第17章使用API 17.1.4处理API响应报错Caused by ProxyEr
    书上提供的原始代码:importrequests#执行API调用并存储响应url='https://api.github.com/search/repositories?q=language:python&sort=stars'headers={'Accept':'application/vnd.github.v3+json'}r=requests.get(url,headers=headers)prin......
  • Dalsa SDK弹窗报错解决方案-Resource In Use
    问题描述使用Dalsa的CameraLink相机时,代码调用Snap函数和Grab函数时,弹窗报错,详细报错信息是”Errorin"CorXferSelectEX"Resourceinuse“。见下图:解决办法:在每次调用snap函数或者grab函数前,先调用abort函数,将上一帧残留数据强制结束。按照上述办法测试,弹窗报错频率明显较......
  • MySQL报错:SELECT list is not in GROUP BY clause and contains nonaggregated colum
    报错截图解决方法:修改数据库配置1.查看.sql_mode配置select@@global.sql_mode;2.查看返回信息是否包含ONLY_FULL_GROUP_BYONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,NO_ENGINE_SUBSTITUTION;3.去掉ONLY_FULL_GROUP_BY,其他参数不变,执行即可SETGLOBALsql_mode=‘STRI......
  • ue5生成vs工程报错-msvc版本太旧
    ue生成VS工程报错右键-uproject,GeneratingVisualStudioprojectfiles,报错信息如下:就是我安装的msvc版本太旧RunningC:/ProgramFiles/EpicGames/UE_5.3/Engine/Build/BatchFiles/Build.bat-projectfiles-project="D:/ue/myue/myue.uproject"-game-rocket-progres......
  • x64 环境下_findnext() 函数报错——0xC0000005: 写入位置 0xFFFFFFFFDF47C5A0 时发生
    CSDN搬家失败,手动导出markdown后再导入博客园最近在搞单目相机位姿估计,相机标定参考了【OpenCV3学习笔记】相机标定函数calibrateCamera()使用详解(附相机标定程序和数据)提供的代码。/*@paramFile_Directory为文件夹目录@paramFileType为需要查找的文件类型@param......
  • mysql5.7 报错:[ERROR] InnoDB: Ignoring the redo log due to missing MLOG_CHECKPOIN
    mysql5.7启动报错:2024-05-19T02:02:14.453082Z0[Warning]TIMESTAMPwithimplicitDEFAULTvalueisdeprecated.Pleaseuse--explicit_defaults_for_timestampserveroption(seedocumentationformoredetails).2024-05-19T02:02:14.453139Z0[Note]--secure-file......
  • from tensorflow.examples.tutorials.mnist import input_data时input_data报错
    参考链接——https://blog.csdn.net/weixin_42390287/article/details/115635732 报错 ——解决方法去https://github.com/tensorflow/tensorflow下载压缩包 解压,找到input_data.py后复制到一个新建的空文件夹里将这个文件夹放到python项目中,代码中对input_......
  • Vue3报错:已声明“upperName”,但从未读取其值。ts-plugin(6133)
    Vue3报错:已声明“upperName”,但从未读取其值。ts-plugin(6133)报错显示:类型“StoreToRefs<Store<"count",{sum:number;name:string;address:string;},{},{increment(value:number):void;}>>”上不存在属性“upperName”。ts-plugin(2339)相关代码:vue文件:con......