echarts的柱状图怎么设置单个柱子的宽度?跪求

echarts的柱状图怎么设置单个柱子的宽度?跪求,第1张

主要受两个地方影响。

1、渲染div的宽度,比如宽度为1000px

<div style="width:1000pxheight:350px" id="echart"></div>

2、参数barCategoryGap的影响,barCategoryGap的值越小柱状占比越大,barCategoryGap值越大柱状占比越小。如下图:

1、解决方法

barCategoryGap用来设置类目间柱形距离,默认为类目间距的20%,可设固定值,调整这个值,可实现柱间距离

2、源码

[javascript] view plain copy

var colorList_series1 = [ '#49af68', '#387fcf', '#f08d3d', '#36abb9' ]

var colorList_series2 = [ '#8bcc9f', '#6a9fdb', '#f4aa6e', '#8cced7' ]

option = {

tooltip : {

trigger : 'axis'

},

grid : {

x : '50%',

y : '16%',

x2 : '20%',

y2 : '17%',

borderWidth : 1,

borderColor : '#eeeeee',

},

legend : {

data : [ '系列1', '系


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/12003511.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存