http://jsfiddle.net/leongaban/gbqvv0y9/
i've tried edit datetimelabelformats key have chart use more readable standard time, no results...
$(function () { $('#container').highcharts({ chart: { type: 'spline' }, title: { text: 'wind speed during 2 days' }, subtitle: { text: 'may 31 , and june 1, 2015 @ 2 locations in vik sogn, norway' }, xaxis:[{ datetimelabelformats: { hour: '%h:%m' }, type: 'datetime', labels: { overflow: 'justify' } }], yaxis: { title: { text: 'wind speed (m/s)' }, minorgridlinewidth: 0, gridlinewidth: 0, alternategridcolor: null, plotbands: [{ // light air from: 0.3, to: 1.5, color: 'rgba(68, 170, 213, 0.1)', label: { text: 'light air', style: { color: '#606060' } } }, { // light breeze from: 1.5, to: 3.3, color: 'rgba(0, 0, 0, 0)', label: { text: 'light breeze', style: { color: '#606060' } } }, { // gentle breeze from: 3.3, to: 5.5, color: 'rgba(68, 170, 213, 0.1)', label: { text: 'gentle breeze', style: { color: '#606060' } } }, { // moderate breeze from: 5.5, to: 8, color: 'rgba(0, 0, 0, 0)', label: { text: 'moderate breeze', style: { color: '#606060' } } }, { // fresh breeze from: 8, to: 11, color: 'rgba(68, 170, 213, 0.1)', label: { text: 'fresh breeze', style: { color: '#606060' } } }, { // strong breeze from: 11, to: 14, color: 'rgba(0, 0, 0, 0)', label: { text: 'strong breeze', style: { color: '#606060' } } }, { // high wind from: 14, to: 15, color: 'rgba(68, 170, 213, 0.1)', label: { text: 'high wind', style: { color: '#606060' } } }] }, tooltip: { valuesuffix: ' m/s' }, plotoptions: { spline: { linewidth: 4, states: { hover: { linewidth: 5 } }, marker: { enabled: false }, pointinterval: 3600000, // 1 hour pointstart: date.utc(2015, 4, 31, 0, 0, 0) } }, series: [{ name: 'hestavollane', data: [0.2, 0.8, 0.8, 0.8, 1, 1.3, 1.5, 2.9, 1.9, 2.6, 1.6, 3, 4, 3.6, 4.5, 4.2, 4.5, 4.5, 4, 3.1, 2.7, 4, 2.7, 2.3, 2.3, 4.1, 7.7, 7.1, 5.6, 6.1, 5.8, 8.6, 7.2, 9, 10.9, 11.5, 11.6, 11.1, 12, 12.3, 10.7, 9.4, 9.8, 9.6, 9.8, 9.5, 8.5, 7.4, 7.6] }, { name: 'vik', data: [0, 0, 0.6, 0.9, 0.8, 0.2, 0, 0, 0, 0.1, 0.6, 0.7, 0.8, 0.6, 0.2, 0, 0.1, 0.3, 0.3, 0, 0.1, 0, 0, 0, 0.2, 0.1, 0, 0.3, 0, 0.1, 0.2, 0.1, 0.3, 0.3, 0, 3.1, 3.1, 2.5, 1.5, 1.9, 2.1, 1, 2.3, 1.9, 1.2, 0.7, 1.3, 0.4, 0.3] }], navigation: { menuitemstyle: { fontsize: '10px' } } }); });
change hour: '%h:%m' hour: '%i:%m %p'. here updated fiddle.
for more formats refer - http://php.net/manual/en/function.strftime.php
Comments
Post a Comment