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

  • 商务电池能用多久(商务电池)(商务电池和原装电池寿命比较)

    商务电池能用多久(商务电池)(商务电池和原装电池寿命比较)

  • 小米音量图标不消失(小米音量显示图标显示在右边,怎么关掉)

    小米音量图标不消失(小米音量显示图标显示在右边,怎么关掉)

  • qq怎么把头像变成正方形(QQ怎么把头像变灰)

    qq怎么把头像变成正方形(QQ怎么把头像变灰)

  • 华为每周六都有充值返利吗(华为每周六都有优惠券吗)

    华为每周六都有充值返利吗(华为每周六都有优惠券吗)

  • 腾讯会议录音在哪(腾讯会议录音保存在哪里)

    腾讯会议录音在哪(腾讯会议录音保存在哪里)

  • 光存储设备有哪些(什么是光储存设备)

    光存储设备有哪些(什么是光储存设备)

  • 无线网光信号闪红灯是怎么回事(无线网光信号闪烁是怎么回事)

    无线网光信号闪红灯是怎么回事(无线网光信号闪烁是怎么回事)

  • 身份动态识别码(身份动态识别码怎么填)

    身份动态识别码(身份动态识别码怎么填)

  • rmvb是什么类型的文件(rmvb是什么播放格式)

    rmvb是什么类型的文件(rmvb是什么播放格式)

  • 手机qq消息怎么隐藏(手机QQ消息怎么和图片一起发)

    手机qq消息怎么隐藏(手机QQ消息怎么和图片一起发)

  • 快手戳一下怎么删除(快手戳一下怎么删除记录)

    快手戳一下怎么删除(快手戳一下怎么删除记录)

  • ios12为啥搞不了动态壁纸(为什么苹果12不能下载软件了)

    ios12为啥搞不了动态壁纸(为什么苹果12不能下载软件了)

  • 爱奇艺哪里设置播放转向(爱奇艺哪里设置取消自动续费)

    爱奇艺哪里设置播放转向(爱奇艺哪里设置取消自动续费)

  • 拼多多删除sku影响权重吗(拼多多删除sku权重多久会恢复)

    拼多多删除sku影响权重吗(拼多多删除sku权重多久会恢复)

  • 手机怎样连接电视机(手机怎样连接电视机播放视频)

    手机怎样连接电视机(手机怎样连接电视机播放视频)

  • w10运行在哪(w10运行在那)

    w10运行在哪(w10运行在那)

  • 网易云剪辑铃声不见了(网易云剪辑铃声怎么弄)

    网易云剪辑铃声不见了(网易云剪辑铃声怎么弄)

  • 苹果8可用做空调遥控吗(苹果8可以干嘛)

    苹果8可用做空调遥控吗(苹果8可以干嘛)

  • 滴滴平台会监听通话吗(滴滴监听到私下交易)

    滴滴平台会监听通话吗(滴滴监听到私下交易)

  • 小米8游戏加速在哪里(小米8游戏加速有用吗)

    小米8游戏加速在哪里(小米8游戏加速有用吗)

  • springboot常用注解(springboot的常用注解有哪些)

    springboot常用注解(springboot的常用注解有哪些)

  • 微信种树的在哪里(微信种树领水果怎么打开)

    微信种树的在哪里(微信种树领水果怎么打开)

  • u盘序列号怎么查询(u盘序列号怎么查询和生产商)

    u盘序列号怎么查询(u盘序列号怎么查询和生产商)

  • 惠普硒鼓怎么加粉(惠普硒鼓怎么加碳粉视频教程)

    惠普硒鼓怎么加粉(惠普硒鼓怎么加碳粉视频教程)

  • Vue 解决报错 You are using the runtime-only build of Vue where the template compiler is not available.(vue错误提示)

    Vue 解决报错 You are using the runtime-only build of Vue where the template compiler is not available.(vue错误提示)

  • 进口报关商品的完税价格包含运费吗
  • 小规模纳税人开工程款税率是多少
  • 意外伤害险进项税转出
  • 支票罚金
  • 房地产会计预收账款明细科目
  • 房产租赁合同印花税
  • 外资企业订单外放,员工待岗合法吗
  • 个人股权转让协议书范本合同
  • 利息股息红利所得
  • 车间领用材料应填制什么凭证
  • 预收账款确认收入会计分录
  • 财政收回项目资金的整改报告
  • 企业所得税申报时间
  • 建筑业2019年最新税率表
  • 开票信息没有电话号码可以吗
  • 三联专用发票每一联分别给谁
  • 企业所得税期间费用明细表
  • 公司接受安全罚款的账务处理
  • 自建房屋没有发票如何入账
  • 建筑公司购买的材料计入什么科目
  • 劳务外包开票税目由所提供的服务性质来决定
  • 小规模保安公司收取服务费时如何开票
  • 合伙企业个人所得税计算案例
  • 企业取得代理销售发票
  • qt5core.dll丢失解决方法
  • 收到分包公司工程发票收入怎么做账
  • 苹果电脑开机声音怎么关
  • 纳税人哪些支出不用交税
  • windows11怎么设置默认应用
  • 出版社购买版权是什么
  • 鸿蒙系统怎么去掉负一屏
  • 企业所得税汇算清缴调增的项目有哪些
  • php生成zip压缩包
  • 企业向个人借款是否合法
  • 如何汇算清缴,会计新手求指教
  • 纳税人数字签名怎么填
  • 专利代理服务费计入什么科目
  • 深入理解php中的数字
  • 转让企业要交什么税
  • 【深度学习】datasets.ImageFolder 使用方法
  • qt opencv ffmpeg
  • 管理费用中的福利费有限额吗
  • 成本票不够怎么做账
  • 税金及附加也是费用吗
  • java操作mongodb数据库
  • 残疾人保障金所属期怎么填
  • 有限公司分公司属于什么类型
  • 建筑企业预缴
  • 定期定额征收税款
  • 房地产企业建成后先出租的房地产
  • 成本计算账户期末余额在哪方
  • 企业发生的职工福利费支出,不超过工资
  • 拆迁补偿款收税吗
  • 办公室搬迁工作
  • 营业外支出会导致所有者权益减少吗
  • sql2005开启xp_cmdshell
  • sqlserver表结构如何导入到oracle
  • mysql数据库输入汉字是问号
  • sql怎么分组查询
  • ubuntu功能
  • 遗失的美好什么意思?
  • windows server 2003 standard
  • win7旗舰系统
  • wpr是什么软件
  • ubuntu16.04输入法
  • win8怎么调整显示器亮度
  • win10专业版怎么调屏幕亮度
  • linux cp的用法
  • 深入剖析典型案例
  • exec方法
  • android view动画
  • jquery 插件写法
  • linux shell 中 2>&1的含义
  • javascript初级教程
  • unitymol
  • jquery的实现原理
  • jQuery+ajax简单实现文件上传的方法
  • 饮料开专票几个点
  • 西安市人力资源和社会保障局关于2020年
  • 城镇土地使用税减免税政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设