gpt4 book ai didi

javascript - 如何在 Flot 图表中居中条形图?

转载 作者:搜寻专家 更新时间:2023-11-01 05:11:44 24 4
gpt4 key购买 nike

我正在使用 Flot图书馆 angular-flot .我有一个固定大小的图表,当有 f.e. 时看起来不太好。 1 或 2 格。您可以在下面看到 2 个柱的示例:

2 bars

条形图试图分布在 x 轴的整个长度上。我想让它们居中——它们应该从中间“开始”并水平展开。这在 Flot 中可能吗?

我对酒吧的选择:

options: {
series: {
bars: {
show: true,
barWidth: 0.4,
lineWidth: 1,
align: 'center',
fillColor: {
colors: [{
opacity: 0.5
}, {
opacity: 0.1
}]
}
}
},
xaxis: {
mode: 'categories',
axisLabel: 'Machines',
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 14,
axisLabelFontFamily: 'RobotoLight, Helvetica Neue, Helvetica',
axisLabelPadding: 10
},
yaxis: {
axisLabel: metricName,
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 14,
axisLabelFontFamily: 'RobotoLight, Helvetica Neue, Helvetica',
axisLabelPadding: 10
},
grid: {
hoverable: true,
clickable: false,
borderWidth: 1
}
}

最佳答案

只需在 xAxis 选项上设置智能最小值/最大值。例如,在有两个条的图上:

min: -0.5,
max: 1.5,

每增加一个柱,最大值就会增加一个。

这是一个 fiddle .

enter image description here

关于javascript - 如何在 Flot 图表中居中条形图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24077053/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com