水平条形图忽略tickInterval,min和max选项

时间:2012-08-17 05:23:23

标签: javascript jquery jquery-mobile jqplot

我一直在使用jqPlot进行我所参与的项目,到目前为止我对此非常满意。很完整。但是,我正在处理的功能现在需要一个水平条形图。我的问题是我的图表当前显示xaxis刻度为十进制数增加0.5。我不需要小数值。我需要增加1的整数。我的配置有点像这样:

var chartConfig = {
    seriesDefaults: {
        showMarker: false,
        shadowAngle: 135,
        pointLabels: {
            show: true,
            labelsFromSeries: true,
            seriesLabelIndex: 2,
            edgeTolerance: -50
        },
        renderer: $.jqplot.BarRenderer,
        rendererOptions: {
            barWidth: 25,
            barPadding: 0,
            barDirection: 'horizontal'
        }
    },
    axes: {
        xaxis: {
            min: 0,
            max: 4,
            tickInterval: 1
        },
        yaxis: {
            showTicks: true,
            renderer: $.jqplot.CategoryAxisRenderer,
            tickRenderer: $.jqplot.CanvasAxisTickRenderer,
            tickOptions: {
                angle: -50,
                labelPosition: 'middle'
            }
        }
    }
};

但是,看起来jqPlot完全忽略了xaxis tickInterval,min和max选项值。我的输出图表如下所示:

Bad Chart

我需要知道我在这里做得不好。我的配置看起来没问题,但我无法让jqPlot使用我传递给X轴的值。对此事的任何帮助都将非常感激。

感谢。

1 个答案:

答案 0 :(得分:0)

我在水平条上也遇到了tickInterval的问题。我发现你必须指定最小值和最大值以及你需要的轴的刻度间隔。

你已经完成了,但是我想在某个地方说明这一点,因为我花了很长时间试图找到为什么滴答间隔不起作用,这篇文章不断出现在我的搜索中,所以希望它能帮助别人。

对于您的问题,可能与您的数据集有关。

如果这仍然导致您的问题,可能会使用您的值发布完整脚本,因为代码只是部分atm。

由于

理查德