2015-05-12 34 views
0

我一直在FLOT上工作了几天。这个API非常棒,evrything可以正常工作,除了包含jQuery.flot.axislabels.js之后,我无法显示任何标签名称。无法使用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(如我在某些网站上发现的,但我现在不相信),如果是的话,如何将它与axislabels.js集成或可能是我缺少一些属性,如我需要设置为true或显示的内容。

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

+0

的可能重复[海军报的AxisLabel不工作(http://stackoverflow.com/questions/15559204/flot-axislabel-not-working) – Raidri

回答

0

确认为flot axisLabel not working的副本。

您可以在绘图方法调用的数据部分中包含您的选项。
将它们分开,它工作(见本fiddle):

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

谢谢@ Raidri ....而且我真的很愚蠢。更愚蠢的是,我已经经历了你指出的问题,但没有阅读所有答案/评论。 – Saurabh