流量图为空？

发布于 2024-07-23 05:59:12 字数 419 浏览 10 评论 0原文

我正在运行下面的代码并使用 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>

原文

I'm running the code below and getting an empty chart using Flot/jQuery. Ideally what I am after is a bar chart of the data. I'm looked and looked at this with no joy - does anyone have any ideas?

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

乜一 2024-07-30 05:59:12

当前版本的 flot (v. 0.6) 支持条形图。这是一个示例。在你的plot()函数中，你只需输入：

bars: { show: true}

The current version of flot (v. 0.6) supports bar charts. Here is an example. In your plot() function, you just have to put:

bars: { show: true}

回复收藏 0 原文

独自唱情﹋歌 2024-07-30 05:59:12

这是一个老问题，但我认为没有得到解答。根据 Flot API 文档：

请注意，为了简化 Flot 中的内部逻辑，x 和 y
值必须是数字...如果您遇到神秘错误，请加倍
检查您输入的是数字而不是字符串。

如果在上述情况下，您在数据中使用字符串（例如[“未分配”，310]），那么根据文档，这将不起作用。

回复收藏 0 原文

清旖 2024-07-30 05:59:12

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

$(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);
});

------>

alt text

大概您可以在将数据传递给 Flot 之前对其进行适当修改。

FlotUsage 上有很多实际使用的精彩示例。例如 Fedora 有一些不错的条形图。最棒的是，因为它是 JavaScript，所以你可以查看任何人的源代码和创意:)

You can do this but you just need to fake up your data a little bit.

$(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);
});

------>

alt text

Presumably you can modify your data appropriately before passing it to Flot.

There are lots of great examples of real uses at FlotUsage. e.g. Fedora have some nice bar charts. The great thing is because it's JavaScript you can view source and crib ideas from anyone :)

回复收藏 0 原文