如何在条形图中为条形设置不同的宽度

Question

我正在使用flot库来构建条形图。我需要为每个栏设置不同的宽度。我对flot和javascript很新，所以我不想破解我的方式。

有干净的方法吗？

Answer 1

您可以通过使用类名flot-base编辑canvas的样式属性来完成此操作。在HTML中为此类属性添加额外的CSS类，或使用Javascript动态执行。为此，您可以add it to the classList，编辑样式属性或使用jquery addClass method。

例如，当您的flot代码已加载到DOM中时，您可以使用以下命令访问正确的画布：

var myFlot = document.querySelector('.flot-base');
myFlot.style.display.width = '1200px';
myFlot.style.display.height = '500px';
// alternative: myFlot.classList.add('cssClassWithCorrectDimensions');

编辑：我可能误解了你的问题，你的意思是条形图中的各个条形图。在哪种情况下：对不起。 ：P

我希望这有助于你。 ： - ）