Javascript amCharts:filterJSON

我用amCharts来显示一家公司自2000年以来的季度销售数据

季度图表中的所有数据都来自这样一个非常简化的数组：

var myNumbers = [{
  "quarter":"2000 Q1",
  "CountX":2407,
  "CountY":8788,
  "CountZ":3421
},{
  …
},{
  "quarter":"2016 Q3",
  "CountX":4252,
  "CountY":12387,
  "CountZ":43446
},{
  "quarter":"2016 Q4",
  "CountX":4886,
  "CountY":16879,
  "CountZ":43446
}]

使用此VAR，我可以很容易地用amCharts完成的是显示一个包含所有季度的大型图表…2000年第一季度、2000年第二季度、2000年第三季度、2000年第四季度、2001年第一季度、2001年第二季度，等等，直到2016年第四季度

但现在我想添加一个图表，让用户选择只显示所有年份的所有第一季度或所有第三季度，这样他们就可以比较2000年到2017年的所有第一季度，而不包括所有第二季度、第三季度和第四季度……或者2000年到2017年的所有第二季度，而不包括第一季度、第三季度和第四季度等等

这怎么可能，我不必添加另一个JS变量，其中仅包含每年第1季度的数据，以及一个仅包含每年第2季度数据的变量，等等，p.p。？如果我能对所有图表使用相同的一个大变量，那就太好了，因为数据（在我看来；-）真的很重。因此，切割该数据阵列可能是最好的

当然，最好的解决方案是，如果我可以在图形中添加（第二个）交互式图例，用户可以选择只显示«Q1»或«Q2»或类似的内容

---

在amCharts的知识库中，似乎已经有类似的内容……但我如何调整此解决方案，它使用4个链接（«Q1»，«Q2»，«Q3»，«Q4»）而不是选择下拉列表，并向我显示所有Q1，如果我点击它们，所有年份的Q2等？

没有一种内置的方法可以像你描述的那样过滤你的图表。您需要使用自定义HTML和JS来更新图表

要以知识库示例为基础，您可以在HTML中创建外部链接/按钮，并将侦听器附加到这些链接/按钮，以过滤数据、更新图表的数据提供程序并调用

validateData

。由于您的数据没有使用基于日期的类别轴，因此不必担心

minPeriod

或知识库中提到的任何其他基于日期的属性

这里有一种方法：

var chartData=[{
“县”：31，
“CountX”：16，
“CountZ”：63，
“季度”：“2001年第一季度”
}, {
“县”：35，
“CountX”：19，
“CountZ”：53，
“季度”：“2001年第二季度”
}, {
“县”：46，
“CountX”：20，
“CountZ”：60，
“季度”：“2001年第三季度”
}, {
“县”：39，
“CountX”：16，
“CountZ”：52，
“季度”：“2001年第四季度”
}, {
“县”：34，
“CountX”：21，
“CountZ”：63，
“季度”：“2002年第一季度”
}, {
“县”：41，
“CountX”：24，
“CountZ”：62，
“季度”：“2002年第二季度”
}, {
“县”：32，
“CountX”：29，
“CountZ”：67，
“季度”：“2002年第三季度”
}, {
“县”：33，
“CountX”：20，
“CountZ”：54，
“季度”：“2002年第4季度”
}, {
“县”：47，
“CountX”：15，
“CountZ”：70，
“季度”：“2003年第一季度”
}, {
“县”：48，
“CountX”：25，
“CountZ”：52，
“季度”：“2003年第二季度”
}, {
“县”：40，
“CountX”：25，
“CountZ”：51，
“季度”：“2003年第三季度”
}, {
“县”：39，
“CountX”：25，
“CountZ”：65，
“季度”：“2003年第4季度”
}, {
“县”：49，
“CountX”：29，
“CountZ”：64，
“季度”：“2004年第一季度”
}, {
“县”：34，
“CountX”：20，
“CountZ”：62，
“季度”：“2004年第二季度”
}, {
“县”：32，
“CountX”：27，
“CountZ”：57，
“季度”：“2004年第三季度”
}, {
“县”：31，
“CountX”：24，
“CountZ”：52，
“季度”：“2004年第四季度”
}, {
“县”：41，
“CountX”：30，
“CountZ”：60，
“季度”：“2005年第一季度”
}, {
“县”：40，
“CountX”：27，
“CountZ”：65，
“季度”：“2005年第二季度”
}, {
“县”：31，
“CountX”：17，
“CountZ”：56，
“季度”：“2005年第三季度”
}, {
“县”：41，
“CountX”：26，
“CountZ”：65，
“季度”：“2005年第四季度”
}, {
“县”：49，
“CountX”：20，
“CountZ”：59，
“季度”：“2006年第一季度”
}, {
“县”：43，
“CountX”：17，
“CountZ”：60，
“季度”：“2006年第二季度”
}, {
“县”：33，
“CountX”：24，
“CountZ”：62，
“季度”：“2006年第三季度”
}, {
“县”：40，
“CountX”：22，
“CountZ”：68，
“季度”：“2006年第四季度”
}, {
“县”：37，
“CountX”：25，
“CountZ”：57，
“季度”：“2007年第一季度”
}, {
“县”：33，
“CountX”：15，
“CountZ”：65，
“季度”：“2007年第二季度”
}, {
“县”：39，
“CountX”：21，
“CountZ”：52，
“季度”：“2007年第三季度”
}, {
“县”：39，
“CountX”：25，
“CountZ”：70，
“季度”：“2007年第四季度”
}, {
“县”：37，
“CountX”：29，
“CountZ”：52，
“季度”：“2008年第一季度”
}, {
“县”：32，
“CountX”：30，
“CountZ”：69，
“季度”：“2008年第二季度”
}, {
“县”：31，
“CountX”：26，
“CountZ”：53，
“季度”：“2008年第三季度”
}, {
“县”：34，
“CountX”：30，
“CountZ”：68，
“季度”：“2008年第四季度”
}, {
“县”：37，
“CountX”：20，
“CountZ”：70，
“季度”：“2009年第一季度”
}, {
“县”：43，
“CountX”：15，
“CountZ”：58，
“季度”：“2009年第二季度”
}, {
“县”：43，
“CountX”：22，
“CountZ”：58，
“季度”：“2009年第三季度”
}, {
“县”：34，
“CountX”：27，
“CountZ”：62，
“季度”：“2009年第四季度”
}, {
“县”：42，
“CountX”：28，
“CountZ”：60，
“季度”：“2010年第一季度”
}, {
“县”：43，
“CountX”：15，
“CountZ”：60，
“季度”：“2010年第二季度”
}, {
“县”：31，
“CountX”：29，
“CountZ”：68，
“季度”：“2010年第三季度”
}, {
“县”：45，
“CountX”：24，
“CountZ”：60，
“季度”：“2010年第四季度”
}, {
“县”：31，
“CountX”：15，
“CountZ”：60，
“季度”：“2011年第一季度”
}, {
“县”：33，
“CountX”：29，
“CountZ”：65，
“季度”：“2011年第二季度”
}, {
“县”：34，
“CountX”：21，
“CountZ”：64，
“季度”：“2011年第三季度”
}, {
“县”：48，
“CountX”：23，
“CountZ”：69，
“季度”：“2011年第四季度”
}, {
“县”：49，
“CountX”：15，
“CountZ”：56，
“季度”：“2012年第一季度”
}, {
“县”：33，
“CountX”：19，
“CountZ”：51，
“季度”：“2012年第二季度”
}, {
“县”：31，
“CountX”：20，
“CountZ”：62，
“季度”：“2012年第三季度”
}, {
“县”：42，
“CountX”：22，
“CountZ”：52，
“季度”：“2012年第四季度”
}, {
“县”：46，
“CountX”：18，
“CountZ”：59，
“季度”：“2013年第一季度”
}, {
“县”：39，
“CountX”：15，
“CountZ”：51，
“季度”：“2013年第二季度”
}, {
“县”：32，