jqPlot条形图无法正确渲染

Question

我正在尝试开始在我的jQuery Mobile应用程序中使用jqPlot,但我似乎无法在jqPlot站点上获得其中一个示例.我的代码:

var s1 = [2, 6, 7, 10];
var s2 = [7, 5, 3, 2];
var ticks = ['a', 'b', 'c', 'd'];

$.jqplot('chartdiv', [s1, s2], {
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        pointLabels: { show: true }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        }
    }
});

应该产生这个图:

相反,我明白了:

请注意,x轴标签全部在左下角呈现在彼此的顶部.什么可能导致图表呈现错误？

Answer 1

我在同样的问题上挣扎.经过一些测试后我发现我实际上没有包含类别轴渲染器插件.

所以,如果你仍然有同样的麻烦尝试包括它.(插件/ jqplot.categoryAxisRenderer.min.js)