位置: IT常识 - 正文

echarts中的legend属性(echarts中的legend能被监听吗)

编辑:rootadmin
echarts中的legend属性 legend: { orient: "vertical", right: "0%", top: "15%", icon: "circle", //小圆点 itemWidth: 8, itemHeight: 8, itemGap: 15, //间隔 formatter: function (params) { let tip1 = ""; let tip = ""; let le = params.length; //图例文本的长度 if (le > 19) { //几个字换行大于几就可以了 let l = Math.ceil(le / 19); //有些不能整除,会有余数,向上取整 for (let i = 1; i <= l; i++) { //循环 if (i < l) { //最后一段字符不能有\n tip1 += params.slice(i * 19 - 19, i * 19) + "\n"; //字符串拼接 } else if (i === l) { //最后一段字符不一定够9个 tip = tip1 + params.slice((l - 1) * 19, le); //最后的拼接在最后 } } return tip; } else { tip = params; //前面定义了tip为空,这里要重新赋值,不然会替换为空 return tip; } }, },

推荐整理分享echarts中的legend属性(echarts中的legend能被监听吗),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:echarts中的grid用来做什么,Echarts中的legend,echarts中的legend根据分类,Echarts中的直角坐标系图表有哪些,echarts中的legend能被监听吗,echarts中的legend根据分类,echarts中的legend根据分类,echarts中的legend根据分类,内容如对您有帮助,希望把文章链接给更多的朋友!

1.图例布局朝向(orient) 默认横向布局,纵向布局值为’vertical’

orient:'horizontal'orient:'vertical'

2.图例组件的宽高(width,height)

3.left,right,top,bottom 图例组件离容器左(右,上,下)侧的距离。 left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’,‘center’, ‘right’。 (如果 left 的值为’left’, ‘center’,‘right’,组件会根据相应的位置自动对齐.)

 4. icon定义图标形状

{icon: 'circle', name: '搜索引擎'}, {icon: 'rect', name: '直接访问'}, {icon: 'roundRect', name: '邮件营销'}, {icon: 'triangle', name: '联盟广告'}, {icon: 'diamond', name: '视频广告'}, {icon: 'pin', name: 'SEO'}, {icon: 'arrow', name: '定点投放'}echarts中的legend属性(echarts中的legend能被监听吗)

5.图例标记的图形的宽度/高度(itemWidth/itemHeight)

itemWidth: 8, itemHeight: 8,

6.图例每项之间的间隔(itemGap)  图例每项之间的间隔。横向布局时为水平间隔,纵向布局时为纵向间隔

7.legend字太多换行

formatter: function (params) { let tip1 = ""; let tip = ""; let le = params.length; //图例文本的长度 if (le > 19) { //几个字换行大于几就可以了 let l = Math.ceil(le / 19); //有些不能整除,会有余数,向上取整 for (let i = 1; i <= l; i++) { //循环 if (i < l) { //最后一段字符不能有\n tip1 += params.slice(i * 19 - 19, i * 19) + "\n"; //字符串拼接 } else if (i === l) { //最后一段字符不一定够9个 tip = tip1 + params.slice((l - 1) * 19, le); //最后的拼接在最后 } } return tip; } else { tip = params; //前面定义了tip为空,这里要重新赋值,不然会替换为空 return tip; } },

改变前:

改变后:

本文链接地址:https://www.jiuchutong.com/zhishi/297691.html 转载请保留说明!

上一篇:【CUDA安装详细教程】(cuda安装步骤)

下一篇:使用LabVIEW 实现物体识别、图像分割、文字识别、人脸识别等深度视觉(labview实例教程)

  • QQ群推广最基础的方法有哪些?(qq群怎么推广起来最快)

    QQ群推广最基础的方法有哪些?(qq群怎么推广起来最快)

  • 网页游戏试玩怎样赚钱?(试玩网页游戏的平台)

    网页游戏试玩怎样赚钱?(试玩网页游戏的平台)

  • 红米note11怎么双击亮屏(红米note11怎么双屏)

    红米note11怎么双击亮屏(红米note11怎么双屏)

  • 支付宝相互宝停止运行钱能退回来吗(支付宝相互宝停止运行怎么回事)

    支付宝相互宝停止运行钱能退回来吗(支付宝相互宝停止运行怎么回事)

  • 快手变成英文了怎么改成中文(快手变成英文了怎么设置回来)

    快手变成英文了怎么改成中文(快手变成英文了怎么设置回来)

  • 华为p40怎么让软件隐身(华为p40怎么让软件不能访问网络)

    华为p40怎么让软件隐身(华为p40怎么让软件不能访问网络)

  • 华为nova7se如何设置来电铃声(华为nova7se如何打开开发者模式)

    华为nova7se如何设置来电铃声(华为nova7se如何打开开发者模式)

  • 微信为什么领不了红包(微信为什么领不了红包,没有银行卡怎么办)

    微信为什么领不了红包(微信为什么领不了红包,没有银行卡怎么办)

  • 微信怎么关闭朋友圈让别人看不见(微信怎么关闭朋友圈功能别人看不见)

    微信怎么关闭朋友圈让别人看不见(微信怎么关闭朋友圈功能别人看不见)

  • 下载历史记录在哪里下载记录在哪里看

    下载历史记录在哪里下载记录在哪里看

  • kvr1333d3n9/4g什么意思(kvr1333d3n9/4g-sp)

    kvr1333d3n9/4g什么意思(kvr1333d3n9/4g-sp)

  • oppo手机非常卡怎么解决呀(oppo手机很卡怎么办)

    oppo手机非常卡怎么解决呀(oppo手机很卡怎么办)

  • 大王卡不激活会自动注销吗(大王卡不激活会影响身份证吗)

    大王卡不激活会自动注销吗(大王卡不激活会影响身份证吗)

  • 登录保护关了为什么还要验证(为什么关闭登录保护失败)

    登录保护关了为什么还要验证(为什么关闭登录保护失败)

  • 微信申诉一次要隔多久(微信申诉一次要多少钱)

    微信申诉一次要隔多久(微信申诉一次要多少钱)

  • 苹果发短信蓝色绿色怎么切换(苹果发短信蓝色和绿色的区别)

    苹果发短信蓝色绿色怎么切换(苹果发短信蓝色和绿色的区别)

  • qq专属铭牌有哪些(qq铭牌推荐)

    qq专属铭牌有哪些(qq铭牌推荐)

  • 苹果手机摄像头坏了怎么办(苹果手机摄像头坏了换一个要多少钱)

    苹果手机摄像头坏了怎么办(苹果手机摄像头坏了换一个要多少钱)

  • 苹果x屏幕出现一条绿线(苹果换屏幕后屏幕乱跳)

    苹果x屏幕出现一条绿线(苹果换屏幕后屏幕乱跳)

  • 迅雷u享版是啥(迅雷u享版和迅雷极速版)

    迅雷u享版是啥(迅雷u享版和迅雷极速版)

  • 抖音怎么看对方微信号(抖音怎么看对方关注了哪些人)

    抖音怎么看对方微信号(抖音怎么看对方关注了哪些人)

  • Windows 10安装Net 3.5失败怎么办(windows10安装net3.5不成功怎么办)

    Windows 10安装Net 3.5失败怎么办(windows10安装net3.5不成功怎么办)

  • 华为鸿蒙系统怎么一键抠图?鸿蒙一键抠图使用技巧(华为鸿蒙系统怎么样)

    华为鸿蒙系统怎么一键抠图?鸿蒙一键抠图使用技巧(华为鸿蒙系统怎么样)

  • 手机如何测试网速?方法是什么?(手机如何测试网络稳定性)

    手机如何测试网速?方法是什么?(手机如何测试网络稳定性)

  • 大型喜加一,微软 Win11 应用商店上架 Epic 游戏商城(喜加一平台)

    大型喜加一,微软 Win11 应用商店上架 Epic 游戏商城(喜加一平台)

  • 印花税减免优惠政策2020
  • 企业购置房产进项被折旧怎么处理
  • 其它综合收益影响因素
  • 财务专用章的重要性
  • 收回已核销的坏账什么意思
  • 定期定额户个人所得税怎么申报
  • 向境外分派红利怎么计算缴纳企业所得税
  • 公司报销费用发票怎么开
  • 用友软件销售操作流程
  • 公司为员工租房费用的会计分录
  • 收到承兑如何贴现
  • 过期增值税发票怎么处理
  • 小苏打税收分类
  • 促销费属于哪个税目
  • 解析居民企业非货币性资产对外投资政策
  • 计提工资怎么做账务处理
  • 返还工资保证金的书面申请
  • 固定资产拆除后账务处理
  • 网上代开专票 附加税在哪看
  • 增值税小规模纳税人优惠政策
  • 进项税额转出月底如何结转
  • 手机型号不在鸿蒙系统里
  • mac电脑安装win10系统报错
  • 外贸公司进出口权办理流程
  • php常见面试问题
  • 行政事业单位预算由收入预算、支出预算组成
  • php $_files
  • 股份支付的确认和计量原则
  • CLIP模型原理
  • 云计算技术是学什么的
  • 其他权益工具投资属于什么科目
  • video.js教程
  • 职工报销医药费属于什么会计科目
  • this.emit('input')
  • yii2框架漏洞
  • php路径问题
  • linux用mv文件移动指定文件
  • 稳岗补贴什么时候到账
  • vscode终端显示
  • 客户借款怎么做账
  • 预缴税款为什么不能跨月申报
  • 帝国cms导入模板后怎样调用
  • 股东增资涉税
  • 劳务报酬包括哪些
  • 电汇和票汇
  • sql server数据迁移部分数据
  • 个人所得税汇算清缴怎么计算
  • 永久性差异有哪些项目
  • 利润表中其他业务利润怎么算
  • 外购无形资产的增值税计入成本吗
  • 个人独资企业一般纳税人享受六税两费
  • 工商年报中纳税总额怎么填
  • 会计做账可以写负数吗
  • 收到设计费属于什么业务类型
  • 为什么增值税不计入成本费用
  • 进项税转出怎样做账务处理
  • 先付一部分款发票怎么做
  • 行政单位的财务报表包括哪些
  • 亏损弥补的会计处理方法
  • windows update更新卡住不动了
  • linux如何读
  • 登录ubuntu桌面
  • 怎么处理鲍鱼
  • wfxctl32.exe - wfxctl32是什么进程
  • linux操作系统版本有哪些
  • w7开机界面
  • cocos2dx 4.0
  • CCKiller:Linux轻量级CC攻击防御工具,秒级检查、自动拉黑和释放
  • 图片加密后怎么找不到
  • unity3d题库
  • 一波JavaScript日期判断脚本分享
  • JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
  • android 开源
  • html键盘监听
  • vue卡片式风格
  • 税务稽查时长
  • 苏州税务局发票查询系统
  • 太原公安分局有几个
  • 税务副科级干部交流
  • 怎么查询小米手机位置
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设