Highcharts - 组织原始数据

时间:2015-02-03 16:38:01

标签: javascript highcharts

我正在查看高级图表的所有演示,他们似乎都遵循一个非常简单的数据结构:

Categories,Apples,Pears,Oranges,Bananas
John,8,4,6,5
Jane,3,4,2,3
Joe,86,76,79,77
Janet,3,16,13,15

我的数据非常适合这个组织。我当然可以这样做,但设置并且无法更新会很痛苦。

我希望建立堆积条形图,显示类别(比如Group1,Group 2,Group 3)和销售人员的销售情况。由于销售人员可以同时在多个组中,因此问题变得复杂;随着时间的推移,可以回到原来的类别。

因此,类别1(第1组)将从如下表格中提取数据

Date  |  Date | Group |
Start |  End  | Lead  |

1990  |  1991 |  AAA  |
1991  |  1994 |  BBB  |
1994  |  1996 |  AAA  |

highcharts设计细节的方式(John,Jane,Joe)与每个类别相关联。创建上面显示的图表很简单。但是更多涉及的事情呢,有4个类别和200多个名字的东西

Category Date Start Date End  TotDays Name
Apples  5/11/1994   3/1/1995    294 sc
Apples  5/19/1995   6/28/1997   771 lb
Apples  12/13/1997  5/12/1998   150 og
Apples  1/30/1999   11/1/1999   275 bs
Apples  11/1/1999   11/27/1999  26  jm
Apples  11/27/1999  4/6/2002    861 ak
Apples  4/6/2002    1/1/2003    270 hs
Apples  5/10/2003   9/13/2003   126 hv
Apples  9/13/2003   6/5/2004    266 fs
Apples  6/5/2004    9/18/2004   105 oh
Apples  9/18/2004   7/16/2005   301 bh
Apples  7/16/2005   9/29/2007   805 jt
Apples  9/29/2007   4/17/2010   931 kp
Apples  4/17/2010   6/1/2010    45  sm
Apples  7/31/2010   8/25/2012   756 dp
Apples  8/25/2012   10/20/2012  56  hn
Apples  10/20/2012  9/14/2014   694 pq
Apples  12/13/2014  2/3/2015    52  al
Bananas 4/29/1995   7/16/2005   3731    bh
Bananas 7/16/2005   10/11/2005  87  jt
Bananas 12/10/2005  7/12/2009   1310    aa
Bananas 9/19/2009   5/7/2011    595 ss
Bananas 5/7/2011    8/17/2013   833 dg
Bananas 8/17/2013   12/7/2013   112 db
Bananas 12/7/2013   2/3/2015    423 fs
Cherries 10/1/1993  8/1/1994    304 dj
Cherries 8/12/1994  12/19/1995  494 jc
Cherries 12/19/1995 6/24/1996   188 st
Cherries 6/24/1996  8/23/1997   425 wj
Cherries 8/23/1997  1/31/1998   161 jg
Cherries 1/31/1998  5/12/2001   1197    wj
Cherries 5/12/2001  9/29/2001   140 ft
Cherries 9/29/2001  7/16/2005   1386    bh
Cherries 11/17/2001 12/13/2003  756 wj
Cherries 5/1/2004   3/11/2006   679 mm
Cherries 7/16/2005  12/14/2006  516 jt
Cherries 3/11/2006  7/15/2006   126 fs
Cherries 7/15/2006  4/28/2007   287 jc
Cherries 4/28/2007  9/1/2012    1953    fs
Cherries 10/14/2010 11/2/2012   750 gg
Cherries 9/1/2012   11/2/2012   62  dg
Cherries 11/2/2012  2/3/2015    823 gg

此时我还没有看到如何使用高图。任何人都可以指出使用上面列出的表格的方法吗?

看看 应该是什么样的小提琴:

http://jsfiddle.net/MAYO/eLam1Lo1/5/

1 个答案:

答案 0 :(得分:1)

这个问题与一般的数据组织和表示有很大关系,而与任何特定的高级图表有关。

您需要详细了解数据的不同方面的重要性,以及您想要展示的内容,然后找出哪些显示方法可以满足您的需求。

一旦你这样做,那么现在是时候担心如何格式化图表库的数据了。但是你还没有接近那一点。

(如果你确实找到了将所有这些放入单个堆积条形图中的方法,那将非常无用)

要考虑的事情:

随着时间的推移,这些变化是否重要?或者只是总数?

这些类别真的很重要吗?如果是这样,如果人们一直在更改类别,那么您需要根据每次在每个组中的人员将数据分成多个块。

您真的需要用户级别的数字吗?

更有可能的是,要从这些数据中获得任何有意义的意义,需要多种可视化类型协同工作。

例如,一个图表按组列出总计,另一个列出个别用户。另一个显示每个群体的构成变化,或每个群体随着时间的推移每个群体的参与等等。

也许不是你希望得到的答案,但你提出的问题并不是真正的问题。

[[udpate:

如果是您发布的示例小提琴,请将您的数据应用到results之类的内容中:

http://jsfiddle.net/jlbriggs/up7a5nk5/

有足够的空间玩选项,但我很难看到它仍然有用......

您的数据基本上是这样的,每人一个系列,每个时间段有一个数据点,代表该人:

{
  "name":"aa",
  "data":[
    {
      "x":1,
      "low":1134190800000,
      "high":1247371200000
    }
  ]
}