图中未显示x轴标签

Question

我将数据绘制如下,但我似乎无法显示轴标签:

!function ($) {
      var options = {
        xaxis: {
                    mode: "time",
                    min: start_time,
                    // max: (new Date()).getTime(),
                    tickSize: [4, "hour"],
                    tickLength: 0,
                    axisLabel: 'Day',
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
                    axisLabelPadding: 3
        },
        yaxis: {
                    axisLabel: 'Amount',
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
                    axisLabelPadding: 5
                },
      }
      $.plot($("#placeholder"), [open_emails],options);


    }(window.jQuery

我在我的视图中包含以下内容并且正在加载它们

//= require jquery.flot
//= require jquery.flot.symbol.min
//= require jquery.flot.axislabels

结果如下:

如何显示标签？

Answer 1

Hiya 工作演示 http://jsfiddle.net/wuALT/

所以你需要的是添加这个:

<script type='text/javascript' src="https://raw.github.com/xuanluo/flot-axislabels/master/jquery.flot.axislabels.js"></script>

和rest代码将开始识别axisLabel.

阅读:http ://codenachos.com/view/axis-labels-in-flot是一个已知问题http://code.google.com/p/flot/issues/detail?id=42

现在,这将有助于看到Day并Amount出现在X轴和Y轴上.