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

  • 以旧换新销售货物时,一律按照新货物的价格缴纳增值税
  • 分公司产生的费用怎么报销
  • 公司购买员工意外保险费会计分录未收到发票
  • 劳务公司开出的工程服务费专用发票怎么计费
  • 小汽车属于固定资产的什么设备
  • 分期收款方式确认销售收入
  • 怎么把预付账款转到管理费用
  • 存款利息收入增值税是免税还是不征税
  • 增资导致丧失控制权
  • 公司车买保险怎么付款
  • 其他应付款在现金流量表中应该填哪里
  • 扣缴外国企业所得税分录
  • 酒店怎么付钱
  • 投资损益表该如何填列
  • 异地上班员工报销路费
  • 企业所得税中的不征税收入有哪些
  • 什么是法?法的本质特征是什么
  • 房产证没有可以补办吗
  • 怎么合理规范地避免企业涉税风险?
  • 个人独资企业所得税税率表最新
  • 岗位津贴一定要发吗
  • 不适用研究开发费用税前加计扣除政策的有
  • 不抵扣的发票怎么导入做账系统
  • 购买标书的费用计入什么科目
  • 保险公司代收车船税完税证明在哪里打印
  • 企业的其他业务收入主要核算
  • 形式发票需要报关吗
  • 成品加工为另一个产品
  • 替换重置的设备更新应考虑
  • 网页游戏无法打开
  • php环境配置教程Apace
  • 差旅费是否可以所得税前扣除
  • 什么时编制
  • vueajax请求的五个步骤
  • 公司收到财政拨付办公经费
  • mxnet github
  • 受赠与获赠的区别
  • 购买免税农产品的会计分录
  • 增值税专用发票电子版
  • framework core
  • cvpr2020结果
  • 感知机算法python
  • 最详细的世界地图
  • 开红字发票导入信息不完整怎么处理?
  • nohup命令挂不上 每次都直接退出
  • 公司开普票和专票税率一样吗
  • 调减加计抵减额什么意思
  • sql server概述
  • 个人开咨询费 有哪些税
  • 费用支出要求
  • 股本减少是利好吗
  • 短期流动负债计算公式
  • 外币账户记账方法
  • 业务招待费占管理费用的多少算合适
  • 已认证发票作废
  • 试制流程
  • 解释sql server实例
  • sql server的相关技术知识
  • 数据库连接说明
  • win7鼠标右键一闪就没了
  • win7还是win8好用
  • macappstore下载不了软件
  • win7取消ch
  • 进程aissca.exe
  • win8使用教程和技能
  • linux查看hz
  • win10系统如何解除屏保
  • win7不激活怎么换壁纸
  • react组件写法
  • js修改css样式属性不生效
  • 我是如何从0开始做到年入1000+万的
  • node.js alert
  • cmd下copy命令
  • Unity3D AsssetBundle加载效率比较
  • js debounce实现
  • Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
  • 四川省地税局地址
  • 上海社保联网
  • 黄金手镯可以卖出去吗
  • 解放服务站总部电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设