首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jqplot水平条问题

jqplot水平条问题
EN

Stack Overflow用户
提问于 2012-07-11 22:36:01
回答 1查看 1.5K关注 0票数 2

我试图使用jqplot设置一个水平条形图,如下所示:

代码语言:javascript
复制
var plot1 = $.jqplot('graph', [gData], {
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        rendererOptions: {
            barDirection: 'horizontal'
        }
    },
    axes: {
        yaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: gTicks
        }
    }
});

此代码适用于垂直条形图,如下所示:

代码语言:javascript
复制
var plot1 = $.jqplot('graph', [gData], {

    seriesDefaults: {
        renderer:$.jqplot.BarRenderer
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: gTicks
        }
    }
});

但是当我把它变成水平的时候,突然之间,条子就不再和滴答作对了。例如,对于一些滴答,可能有两个或更多的重叠条。对一些人来说,可能根本就没有。最后,还有一个额外的“未定义的”蜱,似乎有大量的酒吧重叠。

gData和gTicks都是javascript数组。

有什么想法吗?

编辑:未定义的类别实际上是我自己创造的,但问题仍然没有改变。

EN

回答 1

Stack Overflow用户

发布于 2012-07-12 08:55:10

它不适用于您的原因是,我假设,当您将图形的方向更改为水平方向时,您并没有相应地更改数据。因此,假设这就是问题所在,图表的数据必须以以下形式出现:网页

代码语言:javascript
复制
   [[[2,1], [4,2], [6,3], [3,4]],
    [[5,1], [1,2], [3,3], [4,4]],
    [[4,1], [7,2], [1,3], [2,4]]]

您还可以使用值数组表示法(如下所示)来表示一个系列:

代码语言:javascript
复制
  [[200, 600, 700, 1000],
   [460, -210, 690, 820],
   [-260, -440, 320, 200]]

这种表示法将允许您改变图表的方向,而不必担心数据格式,如下面的示例所示,在数据保持不变的情况下,只有适当的图形参数变化:

  • 垂直条形图
  • 水平条形图
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11442553

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档