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

已举报 回答
echarts的柱状图怎样设置单个柱子的宽度?跪求
问在线客服
扫码问在线客服
  • 回答数

    4

  • 浏览数

    5,887

4个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
柱状图的宽度受到两个主要因素的影响。首先,需要设置渲染div的宽度,例如为1000px。其次,参数barCategoryGap也会影响柱状图的占比关系。当barCategoryGap的值越小时,柱状图所占比例越大;而当barCategoryGap的值越大时,柱状图所占比例越小。这种关系可以通过以下图示来说明:
取消 评论
的宽度,比如宽度为1000px; 2、参数barCategoryGap的影响,barCategoryGap的值越小柱状占比越大,barCategoryGap值越大柱状占比越小。如下图:
取消 评论
在series中加barWidth:20就可以了。。那个echarts官网api里面有
取消 评论
设置 plotOptions.column.pointWidth 即可,
$("#container").highcharts({
// ...
plotOptions: {
column: {
pointWidth:20
// 见 API 文档 http://www.hcharts.cn/api/index.php#plotOptions.column.pointWidth
}
}
// ...
});
取消 评论
ZOL问答 > 智能手表 > 其他分类 > echarts的柱状图怎样设置单个柱子的宽度?跪求

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

扫码参与新品0元试用
晒单、顶楼豪礼等你拿

扫一扫,关注我们
提示

确定要取消此次报名,退出该活动?