我将以下 ChartJS 框架用于 Angular 2 应用程序:
https://github.com/valor-software/ng2-charts
我正在寻找执行以下操作:
- 在顶部堆叠一个条形图,在其下方堆叠一个折线图——基本上
<canvas></canvas>
是 HTML 页面上的两个标签。 - 在其中,它将共享相同的 X 轴值(例如时间)但不同的 Y 轴值(例如条形图将是 1、2、3、4,而折线图将是 A、B、C、D)。
- 两个图表都将利用相同的
chartHover
和/或chartClick
事件。
理想情况下,我希望用户将鼠标悬停在任一图表上,但共享相同的交互。例如,如果用户将鼠标悬停在条形图上,条形图和折线图上都会出现一条垂直线(反之亦然)。