空的情节图？

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

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

Answer 1

当前版本的flot（v.6.6）支持条形图。 这是一个例子 。 在plot（）函数中，你只需要放：

 bars: { show: true} 

Answer 2

一个老问题，但我认为它没有得到回答。 根据Flot 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); }); 

——>

据推测，您可以在将数据传递给Flot之前适当地修改数据。

FlotUsage有很多很好的实际用例 。 例如Fedora有一些不错的条形图。 最棒的是因为它是JavaScript，你可以查看任何人的来源和婴儿床的想法:)

Answer 4

正如Neil Middleton在评论中所说，Flot不支持Bar Charts。

也许这个或这个插件可以帮到你？