动态显示Morrise.js悬停标签在选择日期选择器值时

Question

我需要在更改日历上的月份时，它反映在统计图表中，以显示行和选定的飞蛾数量。 我使用“启动日期选择器” 如果您还有其他图表建议，请告诉我。

像这样：

图片

Answer 1

1-在日期选择器中选择日期时，在数据提供者中查找所选日期的索引。

2-使用morris.displayHoverForRow(index)方法将鼠标悬停在该项目上。

工作代码：http://jsfiddle.net/ercanpeker/t6ygeud0/

注意：我使用了jQuery UI datepicker。

Answer 2

万一有人使用bootsrap datepicker这是我的代码：

 $("#calendar").datepicker({
  format: "dd MM yyyy",
})
.on('changeDate', function (e) {
  currMonth = months[new Date(e.date).getMonth()];
  console.log(currMonth);
  var index = e.date.getMonth()
  if (index != -1) {
    _chart.displayHoverForRow(index)
  }

});