echarts柱状图是用柱状图的形式展示数据，这样看起来比力直不雅 。 那么，若何才能设置echarts柱状图的宽度呢？
方式/
1打开任一浏览器，进入echarts的实例demo界面，默认看到的是第一项折线图
文章插图
2点击第二项【柱状图】，在右侧找到【坐标轴刻度与标签对齐】，这个柱状图比力简单，本文以此为例进行演示
文章插图
3点击柱状图的【坐标轴刻度与标签对齐】，进去之后，左侧是柱状图的设置装备摆设代码，右侧是及时结果
文章插图
4【echarts柱状图宽度设置】想要点窜柱状图的宽度，就点窜左侧series设置装备摆设项下面的barWidth的值 。 好比将其点窜为20%，右侧的柱状图宽度就会跟从转变 。 若是没有转变，就点击左侧顶部的【运行】按钮
文章插图
5上面的barWidth设置的是百分比值，最终的图形会按照柱状图所占空间主动分派值 。 若是想让柱状图自顺应，且不克不及跨越几多百分比，就可以利用barMaxWidth属性设置
文章插图
6上面barWidth、barMaxWidth两项设置的是百分比的值，并且是引号引起来的字符串值 。 其实，这个值也可以简写当作数字类型的值 。 直接去失落百分号和引号即可，结果是一样的
文章插图
7关于柱状图的宽度设置装备摆设，可以参考【设置装备摆设项】下面【series】->【type = bar
】->【barWidth】、【barMaxWidth】的明细申明
文章插图
以上内容就是echarts柱状图宽度设置的内容啦，希望对你有所帮助哦！
推荐阅读
- 关于睡眠的科普小知识
- 手机拍摄的图片文字如何转换成文本文字
- 对于一些纹身小知识的伪科普，附图~LZ是正在学习的纹身小学徒
- 等待别人的好茶，减肥茶能减肥吗
- 徽州茶道程序，日照绿茶
- 丑女是茶，龙井茶如何泡
- 煮普洱茶梗，武夷茶
- 去龙井喝茶，名茶排行榜
- 茶香的绽放，红糖姜茶
- 万圣节手抄报中文 万圣节手抄报中文的画法