Search code examples
javascriptjquerymorris.js

Dynamic Show Morrise.js Hover Label On select datepicker value


I need to When changing the month on the calendar it reflects in the statistics chart to show the line and number of selected moth . I use "bootstrap date-picker" if u have another chart suggestions let me know please.

like this :

enter image description hereimage


Solution

  • 1- find index of selected date in your data provider when a date selected in datepicker.

    2- use morris.displayHoverForRow(index) method to hover on that item.

    working code: http://jsfiddle.net/ercanpeker/t6ygeud0/

    note: i used jQuery UI datepicker.