score:1
for me datetimelabelformats works perfectly fine, see: http://jsfiddle.net/wmfzx/
$('#container').highcharts({
xaxis: {
type: 'datetime',
datetimelabelformats: {
hour: '%i %p'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
pointstart: date.utc(2010, 0, 1),
pointinterval: 2 * 3600 * 1000 // two hours
}]
});
score:1
for those coming in late like me(2yrs later), try this:
tooltip: {
xdateformat: "%a, %b %e, %i:%m%p"
},
xaxis: {
datetimelabelformats : {
hour: "%i %p"
}
}
here's the jsfiddle: http://jsfiddle.net/4tat369x/
if you have multiple series and share the tooltip, you'll want to modify the datagrouping datetimelabelformats for your type of chart. here's what it looks like for a line chart:
plotoptions: {
line: {
datagrouping: {
datetimelabelformats: {
millisecond: ["%a, %b %e, %h:%m:%s.%l%p", "%a, %b %e, %i:%m:%s.%l%p", "-%i:%m:%s.%l%p"],
second: ["%a, %b %e, %i:%m:%s%p", "%a, %b %e, %i:%m:%s%p", "-%i:%m:%s%p"],
minute: ["%a, %b %e, %i:%m%p", "%a, %b %e, %i:%m%p", "-%i:%m%p"],
hour: ["%a, %b %e, %i:%m%p", "%a, %b %e, %i:%m%p", "-%i:%m%p"],
day: ["%a, %b %e, %y", "%a, %b %e", "-%a, %b %e, %y"],
week: ["week from %a, %b %e, %y", "%a, %b %e", "-%a, %b %e, %y"],
month: ["%b %y", "%b", "-%b %y"],
year: ["%y", "%y", "-%y"]
}
}
}
}
Source: stackoverflow.com
Related Query
- How to switch from 24hr to 12hr clock in Highstock chart?
- how can I move yAxis labels from Right of chart to left of chart in highstock
- How to extract the data from highstock chart
- How to set minutes as units in Highstock chart using data from CSV
- how to remove time from Highstock chart at navaigater bar?
- How To Show Tooltip In Sparkline Chart From Code
- How to create a new Highstock chart with new Highchart and not jquery?
- How do I get remove of 'data table' option from High chart export
- How do you remove x-axis labels from a highchart.js bar chart
- Highcharts - How can I remove starting and ending padding from area chart
- How to remove white space from pie chart in highchart.js?
- How to make a pie chart from highcharts responsive
- How can I prevent my HighChart bar chart from being inverted?
- How can I get the navigator selection from a Highstock chart?
- HighCharts : How to add or remove "chart context menu" from chart container?
- How do I select which columns from my CSV to chart with HighChart?
- How to get text from html table in pie chart (highchart)?
- Highcharts: How to resize chart from external JS?
- Higcharts - How to remove groupPadding from the beginning of the chart
- Highstock - Remove bottom date tooltip from line chart
- How to generate highcharts chart from multiple local json files
- how to take only categories for x-axis and remove unwanted scaling in Highstock chart
- How to hardcode chart data in my Model then have my Controller pull it from there to display it. Using Highcharts
- How set options from HIGHCHARTS in a chart using vue chartkick
- Highcharts: how to add padding/spacing from top of chart
- How to save and restore and Highstock chart with indicators?
- How to remove sliced line from pie high chart if there there is only one object in data
- Is it possible to have two Y Axis in a highstock chart from highcharts one on the left and another on the right?
- how to dynamically change chart type in highstock stock chart?
- How to create chart with highchart in which bar doesn't start from 0 in y axis?
More Query from same tag
- Highcharts with Turbolinks - Rails 4
- Highcharts: Marker radius does not seem to work
- TreeMap chart of Highcharts in Angular
- Highchart Slice color not updating Angular 2
- Producing image by running highcharts-convert.js on phantomjs
- Highcharts - Color coded legend for solid gauge
- How can I deal with Highcharts inline styles to prevent Content-Security-Policy violations?
- How to prevent label overlapping? How to write text at a point relative to plotLines?
- How to subtract one month from each month in a Date.UTC Array with jQuery
- Highcharts dynamic data from an Api
- Updating a highchart line using a button
- HighCharts: Reduce size of chart
- highcharts datetime type doesnt work in bootstrap 4 column
- show two different series with different start intervals with the same xAxis highcharts
- Highcharts area spline values have incorrect position on y-axis
- How do I change the style of the inner part enclosed by the lines(polar) chart created with highcharts?
- Highcharts(highstock), how to Pass the dates to the navigator
- How to create such pie chart/ donut chart in highchart?
- Compare two data points inside the tooltip in a Highcharts combination chart
- Highcharts draggable points - prevent hidding tooltip
- Highcharts exporting once again
- Highcharts Datetime axis issue
- HighCharts Plotlines with Multiple Y-Axis
- Highcharts yaxis labels cut off/overflow
- Highmaps shared tooltip for overlapping locations
- Adding Classname to series data in angular highcharts
- Why did the Highcharts export menu disappear when I moved the button?
- Highcharts adding additional series and axis breaks existing yAxis min/max
- Prevent Highchart.js from cutting xAxis label
- php-fed Highcharts time series throws T_variable error, why?