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

  • 弥补亏损的应纳税额 例子
  • 企业所得税属于地方税吗
  • 什么公司可以核算成本
  • 制造费用在借方表示什么
  • 存货内部交易抵消分录第二年
  • 进口增值税和进项税
  • 企业库存现金的限额是由( )核定的
  • 出口酒类产品需要什么
  • 公司自建厂房需要缴纳哪些税
  • 长期股权投资的减值准备的会计处理
  • 暂估入库的材料领用时如何做账
  • 用现金支付销售产品的运费
  • 由母公司承担子公司债务的财务处理怎么做?
  • 利息股息红利个税如何计算
  • 个人开增值税普票有没有限额
  • 北京市取暖标准
  • 建筑施工企业的安全生产许可证由哪里颁发
  • 金税盘提示离线开票时间超限深圳
  • 税务稽查的四个环节
  • 预估材料入账后冲回的步骤
  • 异地预缴的税款是抵减全部的税款吗
  • 超过认证期限的发票还能认证吗
  • 取得土地的流程
  • 企业土地未全部使用如何缴纳房产税?
  • 一式三联的收据哪一联要盖财务章
  • 工厂的劳务加工有哪些
  • 用后期进项抵欠怎么做账
  • 银行承兑汇票贴现流程
  • 处置控制的子公司有哪些
  • KbdTray.exe - KbdTray是什么进程 有什么作用
  • wordpress功能介绍
  • php中的函数
  • 用php编写从大到小排序
  • 合伙企业利润分配首要依据
  • 收到某单位投入一批原材料
  • php 输出字符串中字符的所有组合
  • 如何使用openAI总结小说内容
  • grub-install --target
  • 出租人经营租赁会计分录
  • 递延所得税的会计应用
  • 新建会计帐套怎么建
  • 一般纳税人普票可以抵扣吗
  • facebook/scribe · GitHub
  • 手机做h5
  • python的utils模块
  • cookie 会话
  • 购买办公楼之后怎么入住
  • 劳务外包人员算从业人员期末人数么
  • 贸易公司平价销售怎么样
  • 技术人员工资计入生产成本吗
  • 捆绑销售如何做会计处理合适?
  • 小额贷款公司如何运作
  • 建筑工程人工费调整
  • 运输公司赔偿账务处理
  • 呆滞原材料变卖的会计处理
  • 租入的厂房
  • 母子公司之间的借款
  • 个税起征点提高的意义
  • 会计科目中的财务费用
  • 赠送成本的会计分录
  • 小规模纳税人收到专票的会计分录
  • 差旅费车票是否可以报销
  • 年度报告应包括哪些
  • 无形资产摊销如何记账
  • mysql中存储引擎
  • Win Server 2008 r2 开启 Aero 桌面主题的方法
  • freebsd怎么安装软件
  • 苹果电脑注释
  • 如何创建微软帐户
  • win7屏幕不停闪烁
  • 学会这8个技巧让你做出的菜味道更好
  • 很不错的成语
  • 怎么把perl删除干净
  • jQuery中ajax错误调试分析
  • Unity3d MonoDevelop格式化代码
  • python指令生成脚本
  • python fabric实现远程部署
  • js入门基础教程
  • html js怎么调用
  • 文明6地球地图自然奇观位置
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设