Jquery 具有多个数据和各自的数据点作为图例的堆叠条形图

我正在尝试创建一个堆叠的条形图。其中x上的每个标签都有不同的堆叠数据点。有些数据点在x轴上重叠，有些数据点仅对特定标签是唯一的。
我尝试使用fusion charts（）和d3 js。我在d3.js（）中遇到的最接近的 当我试图用缺少的数据点来实现它时，我得到了一个错误

错误：属性y:预期长度，“NaN”

错误：属性高度：预期长度为“NaN”

看起来我需要检查缺少的值。我对d3js一无所知。任何输入都是有用的

我的数据示例就在这里

---

或者，这可以在

rCharts

中实现吗？

上面使用FusionCharts“stackedcolumn2d”图表提供的小提琴具有在单个数据对象中定义的“颜色”属性，用于设置数据打印颜色

每个图例代表每个数据集系列。因此，为该系列设置的颜色将反映在该系列的图例中。为此，需要在数据集级别设置“颜色”属性

请注意：图例不能表示单个数据图

请参考这里的小提琴：

也可以通过设置图表级属性“paletteColors”一次性设置所有系列的颜色来实现相同的效果。参考小提琴：

---

希望这能有所帮助。

2007年Y轴上堆放的物品数量与其他年份不一致。这是一把小提琴

在fiddle中显示的最简单形式中，数据数组中的每个对象必须具有相同数量的成员

{ year: "2006", redDelicious: "0", mcintosh: "15", oranges: "9", pears: "6",  melons:"0", plum:"0", grapes:"0", cherries:"0" }

你不可能有以下情况

{ year: "2006", redDelicious: "0", mcintosh: "15", oranges: "9", pears: "6",  melons:"0", plum:"0", grapes:"0", cherries:"0" }

因此，将同样的原理应用到您的数据示例中，我会这样做

var data =  [                                           
{   Gene: "KRAS", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 17, Gly12Val: 12, Gly12Asp: 9, Gly13Asp: 5, Val600Glu: 0 , Arg273His: 0, His1047Arg: 0, Glu69: 0}
{   Gene: "BRAF", Leu858Arg: 0, Thr790Met: 0, Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 13 , Arg273His: 0, His1047Arg: 0, Glu69: 0 }
{   Gene: "EGFR", Leu858Arg: 8, Thr790Met: 5,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0 , Arg273His: 0, His1047Arg: 0, Glu69: 0   }
{   Gene: "TP53", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0 , Arg273His: 6 , His1047Arg: 0, Glu69: 0  }
{   Gene: "PIK3CA", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0 , Arg273His: 0, His1047Arg: 4 , Glu69: 0    }
{   Gene: "CDKN2A", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0, Arg273His: 0, His1047Arg: 0, Glu69: 4  }
];                                          

---

希望有帮助。

有没有办法自动设置颜色选择？我有100个数据点，我不想手动为每个点添加颜色。

{ year: "2006", redDelicious: "0", mcintosh: "15", oranges: "9", pears: "6",  melons:"0", plum:"0", grapes:"0", cherries:"0" }

var data =  [                                           
{   Gene: "KRAS", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 17, Gly12Val: 12, Gly12Asp: 9, Gly13Asp: 5, Val600Glu: 0 , Arg273His: 0, His1047Arg: 0, Glu69: 0}
{   Gene: "BRAF", Leu858Arg: 0, Thr790Met: 0, Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 13 , Arg273His: 0, His1047Arg: 0, Glu69: 0 }
{   Gene: "EGFR", Leu858Arg: 8, Thr790Met: 5,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0 , Arg273His: 0, His1047Arg: 0, Glu69: 0   }
{   Gene: "TP53", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0 , Arg273His: 6 , His1047Arg: 0, Glu69: 0  }
{   Gene: "PIK3CA", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0 , Arg273His: 0, His1047Arg: 4 , Glu69: 0    }
{   Gene: "CDKN2A", Leu858Arg: 0, Thr790Met: 0,Gly12Cys: 0, Gly12Val: 0, Gly12Asp: 0, Gly13Asp: 0, Val600Glu: 0, Arg273His: 0, His1047Arg: 0, Glu69: 4  }
];