echarts是一个纯JavaScript的图标库,此处介绍最新版本4.2.0利用,此中的设置装备摆设项也合用于3.0版本。
此处以柱状图为例申明,在某些固心猿意马宽高的场景下,当坐标轴文字比力长时,文字显示不完整的解决体例:
经由过程设置grid属性下的left、right、bottom值,可让图形自顺应文字巨细
方式/步调
- 1
新建如下布局的测试文件
Echarts
-- Content
-- echarts.min.js
-- jquery-1.11.3.min.js
-- Echarts.html
- 2
x轴坐标文字显示不完整的场景,代码如下
凡是这种环境呈现在echarts节点外层设置了高宽所致,并且,某些场景下外层需要如许设置
- 3
x轴坐标文字显示不完整的场景,运行结果如下
- 4
y轴坐标文字显示不完整的场景,代码如下
- 5
y轴坐标文字显示不完整的场景,运行结果如
- 6
设置grid属性,x轴坐标文字完整显示
- 7
设置grid属性,y轴坐标文字完整显示
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/218975.html
- 上一篇: 小米手机如何设置人脸解锁
- 下一篇: 手机QQ文件近传功能如何使用
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
faceu激萌怎么把瘦脸开到最大
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497