score:10
Accepted answer
If the times that you have are static strings, you can convert them into a datetime object...
//convert 'string' times into a timestamp (milliseconds)
//so long as your string times are consistently formatted
//e.g. "0:03:00" not "3:00"
var t = Date.parse("1-1-1 " + yourTime)
...But if you can turn them into a millisecond value at all, you should be fine.
Then use normal time format for the y-axis, and format it as you like using the date label format...
var chart = new HighChart({
//...
yAxis: {
type: 'datetime', //y-axis will be in milliseconds
dateTimeLabelFormats: { //force all formats to be hour:minute:second
second: '%H:%M:%S',
minute: '%H:%M:%S',
hour: '%H:%M:%S',
day: '%H:%M:%S',
week: '%H:%M:%S',
month: '%H:%M:%S',
year: '%H:%M:%S'
}
}
});
Source: stackoverflow.com
Related Query
- Plotting seconds, minutes and hours on the yAxis with Highcharts
- Displaying hours and minutes on x-axis with Highcharts
- Highcharts show the same yAxis start and end value with multiple data series
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts : How do I keep the marker formatting and make the click event fire with a 5K+ point scatter plot?
- Highcharts plotLines with multiple xAxis and yAxis
- How do I export the content of a page as either jpg or pdf with Highcharts and scrollable data?
- How do I dynamically change the yAxis min, max and tickInterval in HighCharts
- Highcharts multiple x axis and yaxis. The width of the 1st x-axis is not in sync with browser resize
- Change the legend in highcharts heatmap to show instead of a color bar, a set of fixed icons with hide and show on click
- Using hours and minutes as data in highcharts donut chart
- Highcharts (Gauge) and Highstock on the same page with Meteor
- How to stop plotting the graph if data is blank and continue if data is there on the y-axis in base line highcharts
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- highcharts how to make x and y axis starting on the same zero using categories on yAxis
- Is there any way to test the highcharts with large data-set with Jest and React.?
- Conflict with GSAP and Highcharts on the same page
- Why do my highcharts yaxis tick positions change the min and max of my chart?
- Highcharts with yaxis max property doesn't hide plotbands and lables
- Why does highcharts sankey chart sometimes combine multiple nodes with same node name but different Id into one and hide the lines?
- The continuous update highcharts with more data plotting the continuity is not visible so we need that continuity in the centre of the graph
- Highcharts with shared and split tooptip, Is there any possible to style the hover xAxis labels?
- Using Highcharts with minutes, seconds and milliseconds as Data not working
- update the yAxis min value and tooltip dynamically in highcharts
- Issue with Datepicker UI and Highcharts and the dateFormat
- Highcharts piechart with slice animation and drilldown on click together throws exception in chart and breaks the pie chart
- Using the source version instead of mimified when import lib with reactjs and npm
- Highcharts - show only hours and minutes in xAxis
- Highcharts treemap with drillnodes and color axis : do not display sub level colors in the main level
More Query from same tag
- Unable to use solid-gauge highchart in backboneJS from ruby on rails
- Highcharts: How to remove tiny space between stacked bars/columns
- Manually load and unload external javascript in AngularJS
- Add Text on the Sectors of jQuery PieChart (HighCharts)
- Dynamic Labels for X axis in HighCharts
- How can I force Highcharts to respect yAxis.max?
- When I click on first pie on the page, the second appears, but then I cannot do anything with the first
- Column Chart is not Printing when all values are negative
- Highchart in js does not work in Vue.js
- how to call ajax function to update the Highcharts graph dynamically?
- Highcharts - Export server not generating image
- Custom legend in rCharts (highcharts)
- Highcharts, get point index when shared tooltip is shows/hides
- highcharts chart showing only last element in series
- highcharts and django passing a dictionary
- Highcharts adding integer instead of date
- how to create highcharts formatted json structure with python
- Retrieve the content of series data [] in Highcharts, after rendering the chart?
- add input from html text box into highcharts graph
- Highcharts marker after plotline
- POST svg output from HighCharts to an internal server
- How to make json object for this type in c#?
- Increase the height of the legends in highcharts
- Show form view of existing id after click on menu button in odoo 8?
- can I change the color of some legend items in a wind rose chart?
- How to generate chart/graph on node.js as an html file
- Calculating on SetExtremes, Navigator behavior in highcharts
- How to modify style properties in an Highcharts tag with Angular?
- Prevent Area plot Y-axis from starting with ZERO
- How to use High Charts with AJAX + SpringMVC