Flot - 即使只有 1 个数据,如何使条形图具有一致的宽度
Flot - How to make barchart have consistent width even if there is only 1 data
当有多个bar时,如何保持bar的宽度一致?
例如 this fiddle:
var testing = $.plot($("#example-section15 #flotcontainer"), dataset, options);
testing.getOptions().series.barWidth = 5;
testing.draw();
当只有一个数据点时,条形宽度变得非常大,虽然我已经尝试设置 barWidth
并再次重绘,但它不起作用。
这是只有一个数据点时的结果:
条形宽度在 x 轴单位方面始终保持一致。所以你必须确保以 x 轴为单位的图表总宽度也是固定的。您可以通过为 x 轴设置 min
和 max
选项来做到这一点,以便差异始终相同。
例如,如果您最多有 5 个条,则总宽度可以达到 6 个单位。要始终将图表中的现有条形图居中,请设置 min
和 max
选项,以便条形图的中心位于图表的中心:
- 一根小节(位置 1):设置
min: -2, max: 4
- 两个条(中心在 1.5):设置
min: -1.5, max: 4.5
(fiddle example)
- ...
- 五个柱(中心在 3):设置
min: 0, max: 6
当有多个bar时,如何保持bar的宽度一致? 例如 this fiddle:
var testing = $.plot($("#example-section15 #flotcontainer"), dataset, options);
testing.getOptions().series.barWidth = 5;
testing.draw();
当只有一个数据点时,条形宽度变得非常大,虽然我已经尝试设置 barWidth
并再次重绘,但它不起作用。
这是只有一个数据点时的结果:
条形宽度在 x 轴单位方面始终保持一致。所以你必须确保以 x 轴为单位的图表总宽度也是固定的。您可以通过为 x 轴设置 min
和 max
选项来做到这一点,以便差异始终相同。
例如,如果您最多有 5 个条,则总宽度可以达到 6 个单位。要始终将图表中的现有条形图居中,请设置 min
和 max
选项,以便条形图的中心位于图表的中心:
- 一根小节(位置 1):设置
min: -2, max: 4
- 两个条(中心在 1.5):设置
min: -1.5, max: 4.5
(fiddle example) - ...
- 五个柱(中心在 3):设置
min: 0, max: 6