Highcharts - 组织原始数据
Highcharts - Organizing the raw data
我正在查看 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)和销售人员及其销售额的堆积条形图。问题变得复杂,因为销售人员可以同时在多个小组中;随着时间的推移,可以 return 回到原来的类别。
所以第 1 类(第 1 组)将从 table 中提取数据,如下所示
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
目前我还不知道如何使用 highchart。任何人都可以指出一种使用 tables 的方法,例如上面列出的吗?
查看 Fiddle 它 应该 的样子:
这个问题与一般的数据组织和表示有关,而不是与任何 highcharts 特定的问题有关。
您需要详细了解数据的不同方面的重要性,以及您想要显示的内容,然后找出您需要的显示方法。
完成后,就该考虑如何为图表库格式化数据了。但你离那个点还很远。
(如果你确实找到了一种方法将所有这些都放入一个堆叠条形图中,那将是非常无用的)
需要考虑的事情:
随时间的变化重要吗?或者只是总数?
类别真的很重要吗?如果是这样,并且如果人们一直在更改类别,那么您需要根据每次每个组中的人员将数据分成块。
您真的需要用户级别的数字吗?
很有可能,要从这些数据中获得任何有意义的意义,将需要多种可视化类型一起工作。
例如,一个图表按组列出总数,另一个列出单个用户。另一个显示每个组的组成变化,或每个组中每个人随时间的参与情况等。
也许不是您希望得到的答案,但您的问题并不能像所问的那样真正回答。
[[更新:
以您发布的示例 fiddle 为例,获取您的数据并应用于类似 results
的内容:
http://jsfiddle.net/jlbriggs/up7a5nk5/
有很多选择的余地,但我很难看出它仍然有用...
您的数据基本上是这样的,每个人一个系列,每个代表该人的时间段有一个数据点:
{
"name":"aa",
"data":[
{
"x":1,
"low":1134190800000,
"high":1247371200000
}
]
}
我正在查看 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)和销售人员及其销售额的堆积条形图。问题变得复杂,因为销售人员可以同时在多个小组中;随着时间的推移,可以 return 回到原来的类别。
所以第 1 类(第 1 组)将从 table 中提取数据,如下所示
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
目前我还不知道如何使用 highchart。任何人都可以指出一种使用 tables 的方法,例如上面列出的吗?
查看 Fiddle 它 应该 的样子:
这个问题与一般的数据组织和表示有关,而不是与任何 highcharts 特定的问题有关。
您需要详细了解数据的不同方面的重要性,以及您想要显示的内容,然后找出您需要的显示方法。
完成后,就该考虑如何为图表库格式化数据了。但你离那个点还很远。
(如果你确实找到了一种方法将所有这些都放入一个堆叠条形图中,那将是非常无用的)
需要考虑的事情:
随时间的变化重要吗?或者只是总数?
类别真的很重要吗?如果是这样,并且如果人们一直在更改类别,那么您需要根据每次每个组中的人员将数据分成块。
您真的需要用户级别的数字吗?
很有可能,要从这些数据中获得任何有意义的意义,将需要多种可视化类型一起工作。
例如,一个图表按组列出总数,另一个列出单个用户。另一个显示每个组的组成变化,或每个组中每个人随时间的参与情况等。
也许不是您希望得到的答案,但您的问题并不能像所问的那样真正回答。
[[更新:
以您发布的示例 fiddle 为例,获取您的数据并应用于类似 results
的内容:
http://jsfiddle.net/jlbriggs/up7a5nk5/
有很多选择的余地,但我很难看出它仍然有用...
您的数据基本上是这样的,每个人一个系列,每个代表该人的时间段有一个数据点:
{
"name":"aa",
"data":[
{
"x":1,
"low":1134190800000,
"high":1247371200000
}
]
}