Javascript 一个图表中的几个表格使用amchart

我有一个问题要问你。 我的图表的数据如下所示：

var chartDataFull=[]
chartData1=[{category:1, value:2},{category:2, value:3},{category:3, value:6}];
chartData2=[{category:1, value:5},{category:2, value:1},{category:3, value:2}];
chartData3=[{category:1, value:3},{category:2, value:9},{category:3, value:7}];

chartDataFull.push(chartData1, chartData2, chartData3);

---

我想把所有三个表放在一个图表上（不同的“值”相同的字段“类别”）与amchart。每个都将由一个单独的列表示。如何执行此操作？

使用代码填充图形（通过索引访问多维数组）：

第一个解决方案：

在图形中仅显示一个数据集，并可选择在它们之间切换

代码：

chart.dataProvider=chartDataFull[1]//如果需要，请在此处切换索引 需要另一个基于数据集的图形。范围（0-2）

小提琴示例：

第二种解决方案

此解决方案最接近您的需求。这是通过将数组的。您已经提到，您的数组不是静态的，仍然可以使用concat（）函数调整它以满足您的需要

代码：

URL小提琴：

官方示例

小提琴示例：

URL小提琴：

您可以看到，当他们显示另一个数据集时，他们将其放置在另一个图表中

结论：

---

不幸的是，一旦您使用dataProvider属性填充数据集，它就几乎不存在了。您已经创建了图形，不能以插入其他数据的方式对其进行修改。填充此操作属性后，将完成数据填充。

使用代码填充图形（通过索引访问多维数组）：

第一个解决方案：

在图形中仅显示一个数据集，并可选择在它们之间切换

代码：

chart.dataProvider=chartDataFull[1]//如果需要，请在此处切换索引 需要另一个基于数据集的图形。范围（0-2）

小提琴示例：

第二种解决方案

此解决方案最接近您的需求。这是通过将数组的。您已经提到，您的数组不是静态的，仍然可以使用concat（）函数调整它以满足您的需要

代码：

URL小提琴：

官方示例

小提琴示例：

URL小提琴：

您可以看到，当他们显示另一个数据集时，他们将其放置在另一个图表中

结论：

---

不幸的是，一旦您使用dataProvider属性填充数据集，它就几乎不存在了。您已经创建了图形，不能以插入其他数据的方式对其进行修改。一旦这个操作属性被填充，你就完成了数据填充。

你有一个小提琴的例子吗？等一下，我会添加。好的，这是一个数据图表。如何为该图表的其他chartData（chartData2和chartData3）添加列。请注意。数据数组（chartData）的数量是动态生成的，它们不是静态的。所以，所有的加起来就是一个数组。好的，我会尽力的。我想你只能把它们分开展示。你觉得这个怎么样。更改图表的索引。数据提供程序。。。你们有一个小提琴的例子吗？等一下，我会加上。好的，这是一个数据图表。如何为该图表的其他chartData（chartData2和chartData3）添加列。请注意。数据数组（chartData）的数量是动态生成的，它们不是静态的。所以，所有的加起来就是一个数组。好的，我会尽力的。我想你只能把它们分开展示。你觉得这个怎么样。更改图表的索引。数据提供程序。。。令人印象深刻的回答！谢谢你，但是。。嗯，这不是我要找的。也许改变一下图表的类型：能帮我解决这个问题吗？我怀疑，如果你换成另一个图表的话？。我看了更多的文档，但是没有什么可以做的。嗯，那么。。你有什么建议要把amchart改成另一个chart js吗？@mdk你必须自己用谷歌搜索，我可以推荐zingchart，highchart，chart.js…，更多关于图表的内容：令人印象深刻的答案！谢谢你，但是。。嗯，这不是我要找的。也许改变一下图表的类型：能帮我解决这个问题吗？我怀疑，如果你换成另一个图表的话？。我看了更多的文档，但是没有什么可以做的。嗯，那么。。您是否有任何将amchart更改为另一个chart js的建议？@mdk您必须自己搜索，我可以建议zingchart、highchart、chart.js…，更多关于图表的信息，请点击此处：

var chartDataFull=[]
chartData1=[{category:1, value:2},{category:2, value:3},{category:3, value:6}];
chartData2=[{category:1, value:5},{category:2, value:1},{category:3, value:2}];
chartData3=[{category:1, value:3},{category:2, value:9},{category:3, value:7}];

chartDataFull.push(chartData1);
chartDataFull.push(chartData2);
chartDataFull.push(chartData3);

  chart = new AmCharts.AmSerialChart();
    chart.autoMarginOffset = 0;
    chart.dataProvider = chartDataFull[1]
    chart.categoryField = "category";
    chart.startDuration = 1;

chartDataFull.push(chartData1);
chartDataFull.push(chartData2);
chartDataFull.push(chartData3);
var children = chartData1.concat(chartData2,chartData3);