javascript - jqplot 条形图在一个数据点上有多个系列

Question

我正在尝试获取一个jqplot图表，以在不同颜色的条中显示一堆数据，右侧有一个键，但缩放似乎无法正常工作。我的数据如下所示：

data:[[1.03],[1.02],[1.05],[1.02],[1.011]],
labels:["Imperial Stout","Lager","Porter","Etc","etc"],

我可以尝试让它自动缩放，它会像这样切断一半的条：（jsfiddle）

我尝试将轴刻度从 0.8 设置为 1.2，但它将中心的所有条形聚集在一起，在图表上留下大量空白空间，如下所示： （jsfiddle）

有没有办法让它正确显示？

我不能将它们放在一个系列中，因为传说只是将其标记为“系列 1”。

Answer 1

您可以将以下选项添加到xaxis：

renderer: $.jqplot.CategoryAxisRenderer,

如果您不希望图表下方有多余的刻度线，则可以tickOptions设置为。show: false

Answer 2

对我有用的是配置xaxis如下：

xaxis: {
    label: input.xaxis,
    renderer: $.jqplot.CategoryAxisRenderer,
    ticks: ['']
},

默认情况下，渲染的轴是 a $.jqplot.LinearAxisRenderer，它尝试渲染数字轴，因此您遇到了问题。

有趣的是，我还必须像以前那样设置ticks，因为没有它我会在 x 轴上显示单个刻度值 1，否则我无法摆脱它。