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

  • 小度怎么控制家里的电器(小度怎么控制家用灯)

    小度怎么控制家里的电器(小度怎么控制家用灯)

  • 微信如何添加好友(微信如何添加好友时发送自己的名字)

    微信如何添加好友(微信如何添加好友时发送自己的名字)

  • 抖音看了别人的动态,对方知道吗(抖音看了别人的作品会不会留下痕迹)

    抖音看了别人的动态,对方知道吗(抖音看了别人的作品会不会留下痕迹)

  • 天猫精灵的音乐源是哪的(天猫精灵的音乐曲库)

    天猫精灵的音乐源是哪的(天猫精灵的音乐曲库)

  • 华硕进安全模式哪个键(华硕进安全模式哪个键win10)

    华硕进安全模式哪个键(华硕进安全模式哪个键win10)

  • 苹果手机发热严重怎么回事(苹果手机发热严重会怎么样)

    苹果手机发热严重怎么回事(苹果手机发热严重会怎么样)

  • 快手如何无限关注(快手怎么无限制关注)

    快手如何无限关注(快手怎么无限制关注)

  • 微信号注销然后重新注册可以吗(微信号注销然后加这个人会怎么样)

    微信号注销然后重新注册可以吗(微信号注销然后加这个人会怎么样)

  • 手机暴风影音网络不能用(手机版暴风影音官网)

    手机暴风影音网络不能用(手机版暴风影音官网)

  • 快手怎么暂停视频播放(快手怎么暂停视频)

    快手怎么暂停视频播放(快手怎么暂停视频)

  • 1000kwh等于多少度电(1000kwh等于多少wh)

    1000kwh等于多少度电(1000kwh等于多少wh)

  • iqooneo带nfc功能吗(iqooneo3有nfc)

    iqooneo带nfc功能吗(iqooneo3有nfc)

  • mate30pro尺寸(mate30pro尺寸参数)

    mate30pro尺寸(mate30pro尺寸参数)

  • 怎么下载b站视频到本地(怎么下载b站视频)

    怎么下载b站视频到本地(怎么下载b站视频)

  • 小米8青春版没有息屏显示(小米8青春版没有指纹解锁了)

    小米8青春版没有息屏显示(小米8青春版没有指纹解锁了)

  • 淘宝点赞记录在哪(淘宝点赞过的在哪里找)

    淘宝点赞记录在哪(淘宝点赞过的在哪里找)

  • 拼多多怎么算新用户(拼多多怎么算新用户砍价)

    拼多多怎么算新用户(拼多多怎么算新用户砍价)

  • 天赋异禀2人人视频看不了(天赋异禀hd)

    天赋异禀2人人视频看不了(天赋异禀hd)

  • 荣耀10 col-al10型号(荣耀10型号col-al10)

    荣耀10 col-al10型号(荣耀10型号col-al10)

  • 苹果手机在阳光下看不清屏幕怎么办(苹果手机在阳光下看不清怎么调)

    苹果手机在阳光下看不清屏幕怎么办(苹果手机在阳光下看不清怎么调)

  • 手机空白符号复制(手机空白符号复制在哪里)

    手机空白符号复制(手机空白符号复制在哪里)

  • windows下实现查看进程对应程序的方法(windows快速查询)

    windows下实现查看进程对应程序的方法(windows快速查询)

  • 腾讯手游助手好不好?(腾讯手游助手好不好用)

    腾讯手游助手好不好?(腾讯手游助手好不好用)

  • 织梦DedeTag Engine Create File False的彻底解决方法(织梦痣铃表情太到位)

    织梦DedeTag Engine Create File False的彻底解决方法(织梦痣铃表情太到位)

  • 增值税销项税额公式
  • 免征的增值税怎么计算
  • 增值税的专用发票有几联
  • 价内税有哪些税种
  • 增值税发票是什么纸张型号
  • 小规模企业可以收增值税专用发票吗
  • 普票也要盖发票专用章吗
  • 如何根据销售额降序排序
  • 公司购买的货架入哪个科目
  • 企业承担的员工在职培训成本包括
  • 关税应纳税额计算公式
  • 子公司的财报和母公司的财报并表吗
  • 不动产在建工程使用的外购物资可以抵扣吗
  • 实收资本需要计提印花税吗
  • 工商不变新股东是什么
  • 去年的成本没有入账
  • 工业总产值怎么计算公式
  • 新开公司季初季末人数和资产可以填0吗
  • 新个税过了申报期怎么办
  • 法人给公司基本户打款
  • 母公司并购子公司需要股东会决议吗
  • 模板摊销率
  • 长期应付款怎么冲减
  • 预付专利转让费计入什么科目?
  • 决算帐表不相符怎么处理
  • 每月固定电话费是半固定成本吗
  • 系统还没完善
  • 总分公司企业所得税合并申报
  • 在企业所得税前扣除的有哪些
  • js的发展历史
  • yii2入门
  • 工商年报经营现金净流量计算公式
  • php获取给定日期函数
  • 分次预缴税额怎么算
  • 个人出租车辆交税吗
  • 外经证有效期到了,可以续吗
  • php读取excel数据
  • 其他综合收益属于什么类
  • 其他应收款其他应付款的风险
  • 子公司如何向母公司申请用印
  • 哪几类账户期末余额最大
  • 资产负债表日后事项包括哪些
  • 资产负债表日后至财务报告批准报出日之间
  • 固定资产是不是非货币性资产
  • 小企业会计准则适用于哪些企业
  • 会计六大类会计科目
  • 车辆购置税可以网上缴纳吗
  • 外企可以申请高新技术
  • 一般纳税人提供财政部和国家税务总局规定的
  • 建筑公司预收工程款
  • 公司缴纳残保金查询怎么查
  • 先开销项发票
  • 销售费用专票能抵扣吗
  • 股东捐赠给企业怎么做账
  • 境外情况
  • 企业当年实现的净利润即为企业当年可供分配的利润
  • 个人承担的个税会计分录
  • 外汇汇率调整分为哪几种
  • 企业所得税季报营业成本包括哪些
  • 建账的要点及应注意的问题
  • 通过修改注册表来修改chrome配置
  • win8系统打不开exe
  • 批量装win7
  • linux树形结构
  • js 高级技巧
  • 安卓笔记软件squid使用教程
  • ajax动态加载json数据
  • unity3d插件手机版
  • linux4个主要部分
  • python生成器怎么用
  • 归档 oracle
  • 手游 unity
  • 如何用jquery
  • 图片处理流程
  • javascript截图找图
  • 工会经费税务机关代收规定
  • 北京税务机关代码查询
  • 税控专用设备包括哪些
  • 申报地税的流程图
  • 英国个税税率最高
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设