流量图为空？

Question

我正在运行下面的代码并使用 Flot/jQuery 获取一个空图表。理想情况下，我想要的是数据的条形图。我看着这个，心里没有任何喜悦——有人有什么想法吗？

<div id="user_breakdown_placeholder" style="width:300px;height:300px"></div>

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>

Answer 1

海军报（第0.6）的当前版本支持条形图。下面是href="http://people.iola.dk/olau/flot/examples/graph-types.html" rel="nofollow noreferrer">例如的一个

bars: { show: true}

Answer 2

这是老问题，但我不认为这是回答。根据海军报API文档：

  

请注意，为了简化在FLOT内部逻辑在x和y两   值必须是数字...如果你得到奇怪的错误，双   检查您所输入数字和字符串不是

如果您使用您的数据串（例如[“未分配”，310]），其是不会根据该文档的工作与上述情况。

Answer 3

您可以做到这一点，但你只需要伪造你的数据一点点。

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

大概你可以适当地将其传递给海军报之前修改数据。

有很多的实际用途很好的例子在 FlotUsage 。例如的Fedora 有一些很好的柱状图。伟大的事情是，因为它的JavaScript可以查看任何人的来源和婴儿床的想法：）

Answer 4

正如 Neil Middleton 在评论中所说，Flot 不支持条形图。

也许 这 或者 这 插件可以帮助你吗？