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

时间:2021-04-09 12:57:31

标签: javascript chart.js

我是 chart.js 的新手,我想在一个画布中实现多个图表(每个图表包含 1 个数据系列),它们共享相同的 xAxis,并共享相同的工具提示(就像 highcharts tooltip.shared 一样),例如这:

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

有可能吗?

1 个答案:

答案 0 :(得分:0)

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