关于jquery:无法使用axislabels.js获取标签

 2021-04-27 

Unable to get label with axislabels.js

我已经从事FLOT几天了。该API很棒,而且evrything可以正常工作,除了即使在包含jQuery.flot.axislabels.js之后,我也无法显示任何标签名称。

我为此做了很多工作,并尝试了几乎所有可用的方法。以下是我一直在尝试的代码段:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 $.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的属性。

我其余的代码很好,没有错误,并绘制出漂亮的图。


确认为浮点轴标签的重复项不起作用。

您的选项已包含在plot方法调用的数据部分中。
将它们分开即可使用(请参阅此提琴):

1
2
3
4
5
6
7
8
$.plot($("#graph"), [d1], {
    bars: {
        show: true,
        align:"center",
        ...
    },
    ...        
});