echarts 绘制单条数据的柱状图

在使用用echarts画图的时候遇到一个问题。
如果是多条数据,那么echarts能很好的帮你渲染出对应的图形。
但是,当值只有一条数据的时候,画出来的图就会占据整个canvas的中间部分,而且还被放大了。
我的预期是,就算只有一条数据,也是靠左侧展示。
查了官方的配置文档之后还是不知道怎么解决。我想问下有人处理过这种问题吗?

阅读 5k
2 个回答

可以设最大宽度的,设置个bar的最大宽度

解决方法就是根据条数设置宽度。
比如当前一条数据时候,就设置初始化的DOM宽度1*50(宽度)。
当然用这个方法,首先数据量不太多,太多了,DOM太宽就不好看了
然后设置:barWidth、barMaxWidth、barGap、barCategoryGap这些参数调整每根柱子的宽度

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题