空儀表圖？

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

當前版本的flot（v。0.6）支持條形圖。 這是一個例子 。 在plot（）函數中，您只需要輸入：

bars: { show: true}

Answer 2

一個老問題，但我不認為已回答。 根據Flot API文檔：

請注意，為簡化Flot中的內部邏輯，x和y值都必須是數字...如果遇到神秘錯誤，請再次檢查您輸入的是數字而不是字符串。

如果是上述情況，則您在數據中使用字符串（例如[“ Unassigned”，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）不支持條形圖。

也許這個或這個插件可以幫助您？