Question

我已经在FLOT工作了好几天了。 API很棒，evrything工作正常，除非包括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更改为xaxes。我在xaxis和yaxis选项中尝试了show:true。但我得到的只是轴上的数字而没有标签。

我是否真的需要指定相同的div（正如我在某些网站上找到的那样，但我现在不相信），如果是，如何将其与axislabels.js集成或者可能是我我缺少一些属性，比如我需要设置为true或show。

我的其余代码很好，没有错误，并呈现一个美丽的情节。

Answer 1

确认为flot axisLabel not working的副本。

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

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

无法使用axislabels.js获取标签

1 个答案: