javascript - 是否可以在chartjs的一个画布中组合多个图表？

Question

我是chart.js的新手，我想在一个画布中实现多个图表（每个包含1个数据系列），它们共享相同的xAxis，并共享相同的工具提示（就像highcharts tooltip.shared一样），如下所示：

|-----------------|
|                 |
|      chart1     |
|                 |
|-----------------|
|                 |
|      chart2     |
|                 |
|-----------------|
|                 |
|      chart3     |
|                 |
|--------------——-|

可能吗 ？

标签： javascriptchart.js

Answer 1

您不能将 2 个图表放在 1 个画布中，您可以做的是使用 2 个画布并制作 2 个图表，禁用画布上的图例并使用 HTML 图例，如本示例所示（https://www.chartjs.org/docs/ master/samples/legend/html.html）。通过 API 的 chart.js 暴露，您将能够隐藏和显示两个图表的数据集