flot-axislabels不工作

Question

因此，我尝试使用https://github.com/markrcote/flot-axislabels中的插件将axislabels附加到我的图形上

$.ajax({
        type: "POST",
        url: "includes/getjson.php",
        data: $('.ids:checked').serialize(),
        dataType: "json",
        success: function(datasets){

            $.each(datasets, function(index,value) {
                    var element = "<div class='flot-chart'><div class='flot-chart-content' id='placeholder_"+index+"'></div></div>";

             $('#graphbody').append(element);

            var options = {
                series: {
                    lines: { show: true },
                    points: { show: true }
                },
                xaxis: {
                    mode: "time",
                    timeformat: "%H:%M:%S",
                    twelveHourClock: false, 
                    timezone: "browser",
                    axisLabel: 'X',
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
                    axisLabelPadding: 5
                }, 
                   yaxis: {
                    axisLabel: 'Sin(X)',
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
                    axisLabelPadding: 5
                   },
                grid: {
                    hoverable: true,
                    clickable: true
                }
            };


   //plotting the rececived data
   $.plot('#placeholder_'+index, [value['raw']],options);

我直接从flot-site上尝试了一个基本的图表，它起作用了，但我似乎找不到导致标签不起作用的缺失部分。

我包含了以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.axislabels.js"></script>

Answer 1

你不应该使用"xaxes“和"yaxes”而不是"xaxis“和"yaxis”吗？而且，我没有看到下面示例中的axisLabels:{show:true}。Example Fiddle

$.plot($("#placeholder"),
   dataSet, {xaxes: [{
        axisLabel: 'This is the X-Axis'
    }],
    yaxes: [{

        axisLabel: 'Left Y Axis'
    }, 
            {
        position: "right",
        axisLabel: 'Right Y Axis'
    }]
            });