我正在为Angular 2应用程序利用以下ChartJS框架:

https://github.com/valor-software/ng2-charts

http://www.chartjs.org/

我想做以下事情:

  • 在顶部堆叠一个条形图,在下面堆叠一个折线图 - 基本上HTML页面上的两个 <canvas></canvas> 标记 .

  • 在它中,它共享相同的X轴值(例如时间)但不同的Y轴值(例如条形图将是1,2,3,4,而折线图将是A,B,C,D) .

  • 两个图表都将利用相同的 chartHover 和/或 chartClick 事件 .

理想情况下,我希望用户将鼠标悬停在任一图表上,但共享相同的交互 . 例如,如果用户悬停条形图,条形图和折线图上将出现一条垂直线(反之亦然) .