无法使用axislabels.js 获取标签

Question

我已经在 FLOT 上工作了几天了。 API 很棒，一切都很好，除了即使在包含 jQuery.flot.axislabels.js 之后，我也无法显示任何标签名称。

我在这方面做了很多工作，并尝试了几乎所有可用的方法。下面是我一直在尝试的代码 sn-p：

 $.plot($("#graph"), [
    {
        data: d1,
        bars: {
            show:true,
            align: "center",
            barWidth: 0.5,
            horizontal: true,
            fillColor: "#6199CC",
            lineWidth: 0
        },
        xaxis: {
            axisLabel: "Label for X-axis",
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 12,
            axisLabelFontFamily: 'Verdana, Arial',
            max: 200,
            tickColor: "#5E5E5E",
            color:"black"
        },
        yaxis: {
            axisLabel: "Label for y-axis",
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 12,
            axisLabelFontFamily: 'Verdana, Arial',
            axisLabelPadding: 3,
            tickColor: "#5E5E5E",
            ticks: ticks, 
            color:"black"
        },
        grid: {
            hoverable: true,
            borderWidth: 2,
            backgroundColor: { colors: ["#171717", "#4F4F4F"] }
        }
    }
]);

我尝试将 xaxis 更改为 xaxes，y 也相同。我在 xaxis 和 yaxis 选项中尝试了show:true。但我得到的只是轴上的数字，没有标签。

我真的需要为它指定一个 div（正如我在某些网站上发现的，但我现在不相信），如果是，如何将它与 axislabels.js 集成，或者我可能错过了一些属性，比如我需要设置为 true 或 show 的东西。

我的代码的其余部分很好，没有错误并且呈现出漂亮的情节。

Answer 1

确认与flot axisLabel not working重复。

您的选项包含在绘图方法调用的数据部分中。
将它们分开就可以了（见fiddle）：

$.plot($("#graph"), [d1], {
    bars: {
        show: true,
        align: "center",
        ...
    },
    ...        
});