jqplot条形图在一个数据点上的多个系列

时间:2013-03-18 18:30:36

标签: javascript canvas jqplot

我正在尝试使用jqplot图表在不同颜色的条形图中显示一堆数据,并在右侧显示一个键,但缩放似乎无法正常工作。我的数据如下:

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

我可以尝试让它自动缩放,它会切断一半的条形:Bars cut off on the left (jsfiddle)

我尝试将轴刻度从0.8设置为1.2,但它会聚集中心的所有条形图,在图表上留下大量空白空间,如下所示:Bars clustered in center (jsfiddle)

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

我无法将它们放在一个系列中,因为图例只是将其标记为“系列1”。

2 个答案:

答案 0 :(得分:1)

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

renderer: $.jqplot.CategoryAxisRenderer,

如果你不想在图表下面留下无关的标记,

tickOptions可以设置为show: false

答案 1 :(得分:0)

对我来说有用的是按如下方式配置xaxis

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

默认情况下,渲染的轴是$.jqplot.LinearAxisRenderer,它会尝试渲染数字轴,因此会出现问题。

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