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

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

主要受两个地方影响。

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

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

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

控制echarts柱子的最大宽度方法:

选柱间距离(默认为柱形宽度的30%),可设固定值 barCategoryGap : '20'等。

ECharts简介:

ECharts,缩写旅岁来自Enterprise Charts,商业级数据图表,一个纯Javascript的图老镇物表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重侍液计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。


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

原文地址: http://outofmemory.cn/yw/8217582.html

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

发表评论

登录后才能评论

评论列表(0条)

保存