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