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); } } }, 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
Post a Comment