位置: 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实例教程)

  • 小规模免征增值税额度2023
  • 饮食企业简介
  • 购买材料,收回会计分录
  • 库存暂估入账
  • 税费退库怎么做凭证
  • 企业所得税为什么那么高
  • 基本户注销后还可以再开吗
  • 红冲上月的其他应收款凭证怎么做?
  • 发票作废进项税额转出怎么做账
  • 代理结算费用应该如何处理
  • 未确认融资费用借贷方向
  • 公司账户资金
  • 车间设备的维修费用什么科目
  • 企业为员工购买的补充医疗保险
  • 特定业务计算的应纳税所得额是什么意思
  • 七月一号出台的什么政策
  • 营改增通知规定的税收优惠政策
  • 营改增后,代扣代缴所得税应当按照含税收入还是不含税收入?
  • 未按规定订立无固定期限劳动合同
  • 以后年度继续扣除广告宣传费,要怎么写分录?
  • 会计利润和税务利润不一致
  • 付尾款会没货吗
  • 银行承兑汇票怎么取钱
  • 公务费和业务费怎么算
  • 滴滴电子发票怎么填写
  • win10虚拟机安装win7
  • 远程桌面连接的用户名和密码在哪里看
  • php文件流
  • 合伙企业必须有什么并以其作为企业法律基础
  • Win10 Build 19043.1266(21H1)更新已知问题汇总
  • 个体公司转账给私人
  • php数组函数输出《咏雪》里有多少"片"字
  • wordpress邮箱怎么配置
  • php基础理论知识
  • PHP:zip_close()的用法_Zip函数
  • 公司出租房屋租赁发票税率
  • 领用包装物会计科目
  • 企业注销清算流程
  • php in
  • 支出的科目变化率怎么算
  • 处置资产的账务处理
  • pytorch广播相乘
  • yolov5画框重复、大框包小框问题解决,c++、python代码调用onnx
  • 多模态特征融合pytorch
  • CSS SandBox
  • 业务招待费包括哪些内容和费用
  • 库存商品用于研发要进项税额转出吗
  • Linux常用命令与vim
  • js异步方式有哪些
  • PostgreSQL教程(十):性能提升技巧
  • 企业长期借款的渠道有哪些
  • 可供出售金融资产名词解释
  • 购买房屋缴纳的契税可以退税政策
  • 非正常损失的进项税额可以转出吗
  • 土地免缴土地使用税
  • 应交税金期末为负数
  • 成本发票未到如何结转成本
  • 企业银行存款属于什么会计要素
  • 缴纳房产税和城镇房产税
  • 期初固定资产算收入吗
  • 12月收入1月份开发票怎么报企业所得税
  • 外经证是在工程所在地办理吗
  • 利润表的编制方法和步骤实操
  • sql的all和any
  • 设置和使用电子技术监控设备收集信息
  • solaris 11.4
  • 如何调整心态和正确处理情绪
  • win7禁用了管理员,怎么取消呢
  • window10 蓝牙鼠标
  • android中使用md5后报非法延续字节
  • 微信怎么导入主题模块
  • Unity3D游戏开发标准教程
  • bootstrap2
  • Jquery uploadify上传插件使用详解
  • dom操作的方法有哪些
  • 纳税人类型税码是什么
  • 进口肉的税率是多少
  • 电子税务局校验码
  • 土地增值税按什么价格
  • 市中区税务局办税大厅上班时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设