Javascript 使用库合并两个或多个图形

我正在尝试制作一个动态图形，如下所示：

Y轴给出用户数量和x轴日期范围（对于连续图形） x轴给出了在该日期发布的algo。（对于非连续图形）

我尝试了highchart的组合图表，并查看了google图表库

有没有办法直接生成一个类似的图表，或者将两种图表类型合并为一种？最好使用高级图表或谷歌图表

我想我们可以把两个高图表合并成一个，但我不是很确定，如果我们可以的话，我也不确定怎么做

感谢您的帮助

谢谢

我知道您说过“最好使用high charts或google graphs”，但我想指出，使用“types”参数指定每个数据项的图形类型可以非常容易地做到这一点。

---

演示：

我建议使用绘图带指示发布日期和类型。可以使用

addPlotBand（）

方法动态添加它们（请参见）。然后，它们会覆盖在“普通”折线图上，显示一段时间内的用户数量

假设您有可以区分发布类型的数据，您可以编写代码，在x轴上的特定点添加所需颜色的打印条带

我建议让绘图条带的

from

和

to

值足够细（比如，一个时间间隔或一个日期的值），以便在示例中显示为细条纹

您需要添加一个手动图例来向用户显示这些颜色的含义，因为打印标注栏不会自动显示在Highcharts图例中

---

我希望这有帮助

是否要在一个图表中显示多个图表类型？（将列与线和饼图混合）或在一个图表中显示多组数据？因为我在highcharts/Googlecharts中找不到与我类似的任何图表，我想如果合并两种不同类型的图表可以得到一个解决方案，那么为什么不这样做呢？因此我想到了一个主意，如果可能，在哪里合并两个图表。例如，面积图和折线图（其中面积图将给出每个日期的用户数量，折线图给出该日期的算法更改/更新）。简短的回答是“是”。完整答案将取决于更具体的问题。。。Highcharts可以通过几种不同的方式绘制示例中的值。您不需要“合并两个图表”，只需要在图表上绘制多个不同类型的系列…这应该会有所帮助。它为每个系列使用单独的轴。和系列可以有不同的类型（列、区域、线等）