【问题标题】:plotly.js - How to fix space between bars in barchartplotly.js - 如何修复条形图中条形之间的空间
【发布时间】:2017-03-09 14:31:47
【问题描述】:

是否有任何配置布局选项可以增加 plotly.js 中条形图中条形之间的空间?

我尝试增加绘图的宽度,但它正在扩展整个绘图。我需要修复条的宽度和条之间的空间。

任何帮助都会非常有帮助。

【问题讨论】:

    标签: javascript bar-chart plotly


    【解决方案1】:

    是layout的设置,layout对象改变gap的键值对是bargap。例如给定数组xy

    Plotly.newPlot('myDiv', [{x:x, y:y, type:'bar'}],{title:'title',xaxis: {title: 'abscissa'},yaxis:{title:'ordinate'},bargap:0});

    将生成一个像直方图一样没有间隙的图。

    【讨论】:

    • 除非你也改变了条的宽度。尝试使用没有间隙的小条(宽度:0.5 和 bargab:0),但没有成功。
    • 另请注意,bargap 是介于 0 和 1 之间的浮点数。值为 0 时,条形之间没有空格。值 0.5 将使条形和它们之间的空间大小相等。而 1 会给 oyu 空间,没有可见的酒吧。所以这个值永远不应该等于 1。