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
Post a Comment