echarts柱状图坐标文字显示不完整解决方式
【echarts柱状图坐标文字显示不完整解决方式】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
文章插图
文章插图
2x轴坐标文字显示不完整的场景 ， 代码如下
凡是这种环境呈现在echarts节点外层设置了高宽所致 ， 并且 ， 某些场景下外层需要如许设置
文章插图
3x轴坐标文字显示不完整的场景 ， 运行结果如下
文章插图
4y轴坐标文字显示不完整的场景 ， 代码如下
文章插图
5y轴坐标文字显示不完整的场景 ， 运行结果如
文章插图
6设置grid属性 ， x轴坐标文字完整显示
文章插图
文章插图
7设置grid属性 ， y轴坐标文字完整显示
文章插图
文章插图
以上内容就是echarts柱状图坐标文字显示不完整解决方式的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 警察简笔画 警察的画法
- 南瓜灯简笔画 南瓜灯的画法
- 脸谱简笔画 脸谱怎么画
- 百度地图多个文本标注颜色修改
- 如何在百度地图标注多个不同颜色样式坐标点
- 环纹地图龟怎么认识主人
- DWG格式图纸如何在手机上进行打开查看
- 手机自动保存图片怎么解决
- 放久了的茶叶怎么处理和冲泡？
- 辨识茶的三种香气