4

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

!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

结果如下:

在此处输入图像描述

如何让标签显示?

4

1 回答 1

7

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

所以你只需要添加这个:

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

其余代码将开始识别axisLabel。

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

这将有助于现在看到DayAmount出现在 X 和 Y 轴上。

在此处输入图像描述

于 2012-05-17T09:19:15.623 回答