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选项中尝试了
我真的需要为它指定一个div吗(如我在某些网站上发现的那样,但我暂时不相信),如果是,如何将其与axislabels.js集成,或者我可能会丢失一些属性,例如我需要设置为true或show的属性。
我其余的代码很好,没有错误,并绘制出漂亮的图。
确认为浮点轴标签的重复项不起作用。
您的选项已包含在plot方法调用的数据部分中。
将它们分开即可使用(请参阅此提琴):
1 2 3 4 5 6 7 8 | $.plot($("#graph"), [d1], { bars: { show: true, align:"center", ... }, ... }); |