柱状图宽度
程序员文章站
2022-03-26 18:34:30
...
如果不设置柱状图宽度,那么每个柱状图会平分图表的宽度。这就意味着,当只有单个柱状图时,这个柱状图看起来就很粗,所以,我们可以设置每个柱状图的宽度,或者限制最大宽度是多少。
代码:
series: [
{
name: '产量',
type: 'bar',
data: myData.data,
barMaxWidth:40, //设置最大宽度
// barWidth:40,//设置每个柱形宽度为40
label: {
show: true,
precision: 1,
position: 'right',
valueAnimation: true,
fontSize: '16px',
color: '#fff',
fontWeight: 'bold'
},
]
推荐阅读
-
JS使用canvas中的measureText方法测量字体宽度示例
-
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
-
css和css3弹性盒模型实现元素宽度(高度)自适应
-
JS中的位置和宽度:clientWidth、offsetWidth、scrollWidth等区别介绍
-
Axure怎么设置网格宽度? axure设置辅助线宽度的教程
-
jquery动态调整div大小使其宽度始终为浏览器宽度
-
谷歌Pixel 5 XL曝光:上边框宽度大于下边框
-
android开发教程之textview内容超出屏幕宽度显示省略号
-
TextVie获取显示字符串的宽度之Android开发
-
让超出DIV宽度范围的文字自动显示省略号...