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

  • 荣耀30pro支持屏幕指纹的吗(荣耀30pro屏幕是lcd还是oled)

    荣耀30pro支持屏幕指纹的吗(荣耀30pro屏幕是lcd还是oled)

  • 微信的按住说话怎么和以前不一样了(微信的按住说话键失灵)

    微信的按住说话怎么和以前不一样了(微信的按住说话键失灵)

  • 11的屏幕多大(苹果13的屏幕尺寸多大)

    11的屏幕多大(苹果13的屏幕尺寸多大)

  • 电信4g太卡了怎么办(电信4g网络很卡)

    电信4g太卡了怎么办(电信4g网络很卡)

  • 拒收消息是拉黑了还是删除了(手机拉黑短信能收到吗)

    拒收消息是拉黑了还是删除了(手机拉黑短信能收到吗)

  • oppo为什么没有深色模式(oppo为什么没有findx4)

    oppo为什么没有深色模式(oppo为什么没有findx4)

  • 拼多多主播工资怎么算(拼多多主播工资大概多少钱)

    拼多多主播工资怎么算(拼多多主播工资大概多少钱)

  • 手机杂志锁怎么关闭(手机杂志锁屏是什么意思)

    手机杂志锁怎么关闭(手机杂志锁屏是什么意思)

  • windows系统截图快捷键是什么(window系统截图工具快捷键)

    windows系统截图快捷键是什么(window系统截图工具快捷键)

  • 磁盘清理的主要作用是(磁盘清理的主要作用)

    磁盘清理的主要作用是(磁盘清理的主要作用)

  • 显示器坏了有必要修吗(显示器坏了有必要换吗)

    显示器坏了有必要修吗(显示器坏了有必要换吗)

  • core i5什么意思(core i7是什么)

    core i5什么意思(core i7是什么)

  • 手机突然屏幕不能触屏(手机突然屏幕不亮了)

    手机突然屏幕不能触屏(手机突然屏幕不亮了)

  • 苹果x听筒进水有杂音(苹果x听筒进水声音变小)

    苹果x听筒进水有杂音(苹果x听筒进水声音变小)

  • 腾讯课堂能分屏吗(腾讯课堂能分屏看吗)

    腾讯课堂能分屏吗(腾讯课堂能分屏看吗)

  • 华为g7tl00麦芒4的参数(华为麦芒g7plus)

    华为g7tl00麦芒4的参数(华为麦芒g7plus)

  • 爱奇艺自动续费第一个月可以关吗(爱奇艺自动续费怎么退款回来)

    爱奇艺自动续费第一个月可以关吗(爱奇艺自动续费怎么退款回来)

  • word2007如何生成目录(word文档制作生成)

    word2007如何生成目录(word文档制作生成)

  • 华为mate20pro参数(华为mate20Pro参数)

    华为mate20pro参数(华为mate20Pro参数)

  • 华为p20悬浮按钮怎么取消(华为p20悬浮按钮怎么关闭)

    华为p20悬浮按钮怎么取消(华为p20悬浮按钮怎么关闭)

  • 支付宝扫车网络开小差什么意思(支付宝扫码用车)

    支付宝扫车网络开小差什么意思(支付宝扫码用车)

  • 华为手机被锁了怎么解锁(华为手机被锁了怎么激活)

    华为手机被锁了怎么解锁(华为手机被锁了怎么激活)

  • int函数的使用方法(int函数怎么调用)

    int函数的使用方法(int函数怎么调用)

  • 电话彩铃怎么设置(电话彩铃怎么设置公司广告词)

    电话彩铃怎么设置(电话彩铃怎么设置公司广告词)

  • 校园网密码忘了怎么办(校园网密码忘了怎么改)

    校园网密码忘了怎么办(校园网密码忘了怎么改)

  • 拼多多砍价怎么发朋友圈(拼多多砍价怎么复制链接发给别人)

    拼多多砍价怎么发朋友圈(拼多多砍价怎么复制链接发给别人)

  • 微信红包延迟到账怎么撤回(微信红包延迟到账怎么弄)

    微信红包延迟到账怎么撤回(微信红包延迟到账怎么弄)

  • 修改工作组(电脑更改工作组后进不了系统)

    修改工作组(电脑更改工作组后进不了系统)

  • 2019年个人所得税要补税怎么办
  • 个税年度汇算如何补税
  • 应税消费品是什么意思
  • 信息技术服务可以简易征收吗
  • 预付货款后收到货怎么做账
  • 民办非企业单位设立分机构
  • 房地产企业广告费扣除基数
  • 非居民企业出租境内不动产
  • 借款利息支出账务处理
  • 销售边角料计入什么科目
  • 纳税申报表多缴了怎么办
  • 应收账款已收回但是账面还有余额怎么处理
  • 个人贷款打入公司账户
  • 退货应入会计什么科目
  • 企业留存收益包括盈余公积和未分配利润
  • 商业汇票概念股票
  • 企业购买的预付卡赠送客户怎么入账
  • 施工单位的项目
  • 长期股权投资涉及或有对价的帐务处理
  • 其他货币资金包括存出保证金吗
  • 备件和耗材的定义
  • 总公司人员可以在分公司报销费用吗
  • 收取拆迁补偿费会计分录
  • 仓库折旧费
  • 闲置设备怎么处理
  • 什么是跨区域涉税业务
  • 加利福尼亚湾在哪
  • php版本7和5区别
  • 往境外支付培训费怎么退
  • 增值税纳税申报表在哪里打印
  • 应交城建税怎么算
  • 新个税讲解
  • CUDA版本选择
  • php不执行
  • opengl 帧率
  • 城市维护建设税,教育费附加,地方教育费附加
  • 服务业按什么结算工资
  • 小企业会计准则主要按照什么计量
  • 小规模企业没有进项票能开发票吗
  • 单位销售收入不包括哪些
  • 汇算清缴补交的所得税怎么记帐
  • sql server简单查询
  • 印花税计入税金及附加科目吗
  • 营改增后简易计税是多少税率
  • 个体工商户实收资本可以填0吗
  • 期末结转主营业务成本
  • 预收账款怎么用
  • 企业购买设备抵税
  • 母公司和子公司是两个完全独立的法人
  • 超期应收款管控
  • 应付账款转入营业外收入的证明
  • 结转资金和结余资金
  • 手续费和利息费用的区别
  • 个体工商户必须建账吗
  • 工会经费计提比例0.8%
  • 如何开展服务工作
  • 现金日记账与现金流量表的区别
  • 权益类会计科目有哪些科目
  • sql查询速度慢如何优化
  • mysql 5.6.26 winx64安装配置图文教程(一)
  • mysql隐式类型转换规则
  • win10预览版选哪个
  • MacBook怎么恢复出厂设置
  • debian安装zsh
  • linux文件与目录
  • centos怎么设置
  • win8系统怎么关机
  • win10日历提醒不显示
  • win7任务栏怎么全部显示出来
  • win8右边栏设置
  • 网页设计布局设计
  • js的匿名函数
  • shell脚本用法
  • js全选和全不选效果复选框
  • shell脚本判断命令是否执行成功
  • flask pycharm
  • 山东省水资源税征收标准
  • 电子税务怎么弄
  • 个人所得税网上报税流程
  • 公司小规模怎么纳税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设