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

  • 微博推广技巧之外围的力量有哪些?(微博推广怎么样)

    微博推广技巧之外围的力量有哪些?(微博推广怎么样)

  • iphonex相机水印拍摄时间如何设置(iphone相机水印xr)

    iphonex相机水印拍摄时间如何设置(iphone相机水印xr)

  • mini4上市时间(ipad mini4上市时间)

    mini4上市时间(ipad mini4上市时间)

  • 为什么优学院账号登不上去(优学院的账号是什么)

    为什么优学院账号登不上去(优学院的账号是什么)

  • 华为前置摄像头美颜怎么关闭(华为前置摄像头怎么设置)

    华为前置摄像头美颜怎么关闭(华为前置摄像头怎么设置)

  • miui手机出厂时,默认会是哪个版本(miui出厂系统)

    miui手机出厂时,默认会是哪个版本(miui出厂系统)

  • 手机wapi什么意思(手机wapl是啥意思)

    手机wapi什么意思(手机wapl是啥意思)

  • 安装包损坏该怎样修复(安装包损坏该怎么解决)

    安装包损坏该怎样修复(安装包损坏该怎么解决)

  • 监控关了还能录像吗(监控系统关了还能录像吗)

    监控关了还能录像吗(监控系统关了还能录像吗)

  • pdf打印和word一样吗(pdf打印与word打印)

    pdf打印和word一样吗(pdf打印与word打印)

  • 荣耀20s左上角hd什么意思(荣耀20屏幕上的hd标志是什么)

    荣耀20s左上角hd什么意思(荣耀20屏幕上的hd标志是什么)

  • 发出的红包可以撤回吗(发出的红包可以删除吗)

    发出的红包可以撤回吗(发出的红包可以删除吗)

  • ps一寸照怎么换背景(ps一寸照换背景头发丝)

    ps一寸照怎么换背景(ps一寸照换背景头发丝)

  • iphonex手机铃声怎么设置(iphonex手机铃声拿起变小)

    iphonex手机铃声怎么设置(iphonex手机铃声拿起变小)

  • wps目录怎么自动生成(wps目录怎么自动更新页码)

    wps目录怎么自动生成(wps目录怎么自动更新页码)

  • 小米9pro怎么添加桌面小工具(小米9怎么添加桌面)

    小米9pro怎么添加桌面小工具(小米9怎么添加桌面)

  • 朋友圈草稿怎么找回来(朋友圈草稿箱在哪)

    朋友圈草稿怎么找回来(朋友圈草稿箱在哪)

  • 腾讯地图怎么设置公司(腾讯地图怎么设置位置)

    腾讯地图怎么设置公司(腾讯地图怎么设置位置)

  • 苹果怎么改蓝牙耳机名(苹果怎么改蓝牙耳机名字)

    苹果怎么改蓝牙耳机名(苹果怎么改蓝牙耳机名字)

  • 拼多多怎么获得免拼单(拼多多怎么获得券)

    拼多多怎么获得免拼单(拼多多怎么获得券)

  • 华为mate30是否支持5g网络(mate30支持)

    华为mate30是否支持5g网络(mate30支持)

  • 淘宝总是退货有影响吗(淘宝经常性退货)

    淘宝总是退货有影响吗(淘宝经常性退货)

  • 什么是计算机网络(什么是计算机网络应用)

    什么是计算机网络(什么是计算机网络应用)

  • 腾讯视频截的视频在哪(腾讯视频截的视频怎么发抖音)

    腾讯视频截的视频在哪(腾讯视频截的视频怎么发抖音)

  • realme是谁的子品牌(realme是哪个公司生产的)

    realme是谁的子品牌(realme是哪个公司生产的)

  • 苹果max进水了屏幕失灵怎么办(苹果max进水了屏幕失灵)

    苹果max进水了屏幕失灵怎么办(苹果max进水了屏幕失灵)

  • 8p是什么基带(iphone8p是什么基带)

    8p是什么基带(iphone8p是什么基带)

  • 企业所得税人数包括劳务派遣吗
  • 营业账簿印花税怎么交
  • 企业注销涉及的法律问题
  • 费用发票跨月可以入帐吗
  • 分红免征企业所得税
  • 以房屋抵顶的工程叫什么
  • 申报怎么打印
  • 企业走账的会计处理
  • 长期股权投资减值准备借贷方向
  • 企业网银短信提醒费用
  • 银行手续费没拿可以退吗
  • 出口的进项发票如何记账
  • 预缴税多交了,税务局退吗
  • 应交增值税减免税额期末需要结转吗
  • 最新房产税费
  • 发生广告费用会计分录
  • 接待客户的住宿费账务处理
  • 专用发票不抵扣联可以当普票用吗?
  • 小规模纳税人代收水电费
  • 当期应提取的坏账准备金
  • 季度不超过30万免税分录
  • 工程施工开发票如何进行会计核算?
  • 虚拟机怎么安装iso镜像文件
  • 未分配利润是怎么算出来的
  • 期初摊余成本是初始入账价值吗
  • 出口退税新政策对出口贸易的影响
  • 重装系统D盘文件还能恢复吗
  • 未结算未取得发票怎么办
  • url是什么软件
  • php的mysql_query
  • 什么样的发票可以报销
  • 无偿转让股权如何做账
  • 取得的进项税发票抵扣
  • 取得专票怎么结转销售成本
  • 发票开错抬头怎么进行税务处理?
  • 华硕自带win10系统
  • 销项负数发票需要入账吗
  • 商场售后返租
  • vue-echarts
  • element表格表单
  • 蔬菜开票税率是多少
  • 房地产开发企业增值税怎么算
  • 开了的发票应该如何在丁字帐里记录?
  • 新手任务税控设备申请
  • 盘盈盘亏怎么看
  • 承租人融资租赁会计账务处理
  • 专项应付款和政府补助的区别
  • 小规模纳税人什么时候用3%什么时候用5%
  • 计提工会经费是什么凭证
  • 增值税留抵情况下要交流转税吗
  • 公司市场部门有什么职位
  • 购买商品加包装怎么入账
  • 没有按时对账
  • 企业薪资制度
  • 价税合计怎么求税额
  • 管理费怎么扣除
  • sql server的基本概念
  • linux CentOS6.5 yum安装mysql5.6
  • sql语句连接方式
  • mysqldump备份数据库不完整
  • windows modules installer占用磁盘高
  • centos挂载cd
  • 创建软链接 linux
  • centos7如何设置固定ip
  • win10预览版和正式版区别
  • Win10年度更新(RS1)怎么样升级?升级方法一览
  • win10预览版和正式版区别
  • win7怎么提升电脑性能
  • nodejs怎么在服务器运行
  • 安卓静态库
  • 安卓app开源项目
  • python文法
  • 置顶pyq会被自己屏蔽的人看到吗
  • js 严格的迭代语句
  • 代建工程如何缴纳增值税
  • 纳税人防伪税控设备未抄报怎么操作
  • 什么是居民企业和非居民企业
  • 企业所得税改革
  • 国家规定的免税项目
  • 国税开票二维码图片
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设