代码之家 › 专栏 › 技术社区 › Neil Middleton

空浮动图表?

bar-chart flot jquery

Neil Middleton · 技术社区 · 16 年前

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

4 回复 | 直到 15 年前

Derek Kurth 16 年前

当前版本的flot(v.0.6)支持条形图。这是一个 example .在plot()函数中,您只需输入:

bars: { show: true}

Lee Theobald 15 年前

这是一个老问题,但我认为它没有得到回答。根据Flot API文件:

值必须是数字。..如果你遇到了神秘的错误,加倍检查你输入的是数字而不是字符串。

如果在上述情况下,您在数据中使用了字符串(例如[“Unassigned”,310]),根据文档,这将不起作用。

pfctdayelise 15 年前

你可以这样做,但你只需要稍微伪造一下你的数据。

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

Natrium 16 年前

正如尼尔·米德尔顿在评论中所说,Flot不支持柱状图。

或许 this 或 this 插件可以帮助你吗?

推荐文章

Emma Wiik · 更改ggplot2中条形图的打印顺序

7 年前

aviss · 根据字符串值更改条形图的颜色

7 年前

Nishant · 如何使用ggplot对条形图中的正负条进行颜色编码

8 年前

msh855 · 具有多个系列的绘图

8 年前

serv-inc · plt。吧台离吧台太远了,怎么修复?

8 年前

Marco · ggplot:如何在柱状图的支柱顶部添加一定百分比

8 年前

J. McCraiton · 从R中的2个计数变量创建条形图

8 年前

ChinaskyM · 根据第三个变量显示百分比,带有两个分类变量facet\u wrap的ggplot 2的条形图

8 年前

Lisa Ann · 在plotly条形图中映射颜色变量

8 年前

Tim K · 分组条形图转换为堆叠条形图ggplot

8 年前