无法获得带有 axislabels.js 的标签

Question

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

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

 $.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 吗（正如我在某些网站上发现的那样，但我现在不相信），如果是，如何将它与 [=24 集成=] 或者我可能缺少一些属性，比如我需要设置为 true 或 show 的东西。

我的其余代码都很好，没有给出任何错误并呈现出漂亮的情节。

Answer 1

确认为 flot axisLabel not working 的副本。

您的选项包含在 plot 方法调用的数据部分。
将它们分开并且有效（请参阅此 fiddle）：

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

无法获得带有 axislabels.js 的标签

Unable to get label with axislabels.js

jquery

flot