Javascript 为什么堆叠条形图无法过滤饼图?

Javascript 为什么堆叠条形图无法过滤饼图?,javascript,d3.js,dc.js,Javascript,D3.js,Dc.js,在这里,我试图建立两个图表 堆叠条形图:在语言上花费的年数(一个堆栈最多3年,另一个堆栈最多5年) 饼图:多年的经验。 获取图表很好。但当我单击“堆叠条形图中的任意条形图”时,饼图并没有进行过滤。但饼图能够过滤堆叠条形图 样本数据: { years of exp : 1, Courses_taken: [ { Language : " SAP BI 7.0", spent : 5.0,

在这里,我试图建立两个图表

堆叠条形图:在语言上花费的年数(一个堆栈最多3年,另一个堆栈最多5年)

饼图:多年的经验。 获取图表很好。但当我单击“堆叠条形图中的任意条形图”时,饼图并没有进行过滤。但饼图能够过滤堆叠条形图

样本数据:

{
 years of exp : 1,
    Courses_taken: [ 
      {
             Language : " SAP BI 7.0",
             spent : 5.0,           
      }, 
      {
             spent : 5.5,
             Language : " SAP ECC 6.0"
      }
  ]}
任何建议。为什么条形图不能过滤饼图?

你的小提琴似乎不完整。@potatopeelings fiddle更新了这里的基本问题是你的数据不是平坦的,你正在经历很多困难来迫使它工作。如果您可以将数据扁平化为
[{yearsOfExp,Language,spend}…]
,那么这种过滤将非常简单,您不需要复制和粘贴太多代码。但是过滤只对行起作用,并且您尝试对隐藏在行中的值进行过滤。例如,如果你点击“ECC6.0”,是否包括有2.5年经验的学生?嗨@Gordon谢谢你的回复。是的,如果我们点击“ECC6.0”,应该包括2.5年。你的小提琴似乎不完整。@potatopeelings小提琴更新这里的基本问题是你的数据不平坦,你要通过一大堆的障碍来迫使它工作。如果您可以将数据扁平化为
[{yearsOfExp,Language,spend}…]
,那么这种过滤将非常简单,您不需要复制和粘贴太多代码。但是过滤只对行起作用,并且您尝试对隐藏在行中的值进行过滤。例如,如果你点击“ECC6.0”,是否应该包括有2.5年经验的学生?您好,戈登,谢谢您的回复。是的,如果我们点击“ECC6.0”,应该包括2.5年。