javascript - Highcharts showing extra lables multiple times in x-Axis -


i created simple bubble chart using highcharts, x-axis values timestamps. every thing working fine except lables showing multiple same dates.

created jsfiddle: http://jsfiddle.net/anvk4y0o/

code:

$('#container').highcharts({     chart: {         type: 'bubble',         zoomtype: 'xy'     },      title: {         text: 'highcharts bubbles'     },      xaxis: {         labels: {             formatter: function () {                 return highcharts.dateformat('%m/%d/%y', this.value);             }         }     },      series: [{         // data: [[1437415889539,36,79],[1437415899539,74,60],[1437515889539,76,58]]         data: [{             x: 1437416876595,             y: 10,             z: 34435         }, {             x: 1437503398847,             y: 60,             z: 24435         }]     }] }); 

i want show ever x-values have.

thanks

highcharts auto attempt fill in range of dates. being have provided data sets 2 dates plugin attempting make full chart has range of dates work with. once add larger data set spans longer date range should compensate. until add option show times. give broader view of happening in chart. documentation

       xaxis: {             datetimelabelformats: {                 millisecond: '%h:%m:%s.%l',                 second: '%h:%m:%s',                 minute: '%h:%m',                 hour: '%h:%m',                 day: '%e. %b',                 week: '%e. %b',                 month: '%b \'%y',                 year: '%y'             },             labels: {                 formatter: function () {                     return highcharts.dateformat('%m/%d/%y %h:%m:%s', this.value);                 }             }         }, 

demo

edit: in demo may need make results window larger can see date_time labels properly.

additionally attempt use tickinterval options force ranges apply, or consider changing timestamps not include times, actual date.


Comments