javascript - can't read selected in rangeselector highchart -


i have problem rangeselector, want input datepicker, datepicker show in menu highchart, after click date in datepicker. input date not select.
here code:

$(function () {      $('#project').highcharts({          chart: {              type: 'column',              margin: 75,              options3d: {                  enabled: false,                  alpha: 10,                  beta: 25,                  depth: 70              }          },          title: {              text: 'chart',              style: {                      fontsize: '18px',                      fontfamily: 'verdana, sans-serif'              }          },          rangeselector: {              enabled: true,                selected: 1,                  inputdateformat: '%y-%m-%d'                                             },                       subtitle: {             text: 'project',             style: {                      fontsize: '15px',                      fontfamily: 'verdana, sans-serif'              }          },          plotoptions: {              column: {                  depth: 25              }          },          credits: {              enabled: false          },          xaxis: {              categories:  <?php echo json_encode($project);?>          },          exporting: {               enabled: false           },          yaxis: {              title: {                  text: 'total'              },          },          tooltip: {               formatter: function() {                   return 'the value <b>' + this.x + '</b> <b>' + highcharts.numberformat(this.y,0) + '</b>, in '+ this.series.name;               }            },          series: [{              name: 'report data',              data: <?php echo json_encode($value);?>,              shadow : true,              datalabels: {                  enabled: true,                  color: '#045396',                  align: 'center',                  formatter: function() {                       return highcharts.numberformat(this.y, 0);                  }, // 1 decimal                  y: 0, // 10 pixels down top                  style: {                      fontsize: '13px',                      fontfamily: 'verdana, sans-serif'                  }              }          }]      },function (chart) {                      settimeout(function () {                                  $('input.highcharts-range-selector', $(chart.container).parent())                      .datepicker({                          format: "yyyy-mm-dd",                              todaybtn: "linked",                          autoclose: true,                          todayhighlight: true,                          orientation: "auto right"                      });                           }, 0);                    });        });

after insert code selected in rangeselector, error show

uncaught typeerror: cannot read property 'range' of undefined(…)

i'm confused datepicker show can't selected, , show error above.
how resolve code in above can input datepicker in highcharts?


Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -