score:1
If you added the the "type" to the xAxis definition then the x values will be interpreted as dates and times rather than decimal values
xAxis: {
type : "datetime", //add this line
gridLineWidth: 1,
labels: {
rotation: -45,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
you may have to fiddle with the start times and intervals to get HighChart to correctly interpret your x-values. see this demo on the highchart website as an example. http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-time-series/
score:1
The reason is that you are not actually creating a Stock chart. Your code looks like:
var chart = new Highcharts.Chart(options);
If you want it to be a Stock chart do:
var chart = new Highcharts.StockChart(options);
A Chart by default is a category chart. StockChart is time-based.
score:0
You can use dateFormat to replace time in miliseconds with date.
formatter:function(){
return Highcharts.dateFormat('%d / %m / %Y',this.value);
}
http://api.highcharts.com/highcharts#Highcharts.dateFormat()
Source: stackoverflow.com
Related Articles
- Dates instead of values on Highchart labels in graph with multiple axis
- Highchart axis max with multiple axes
- Highcharts - Multiple Axis Graph not displaying labels
- Problem with multiple labels in Highchart
- how to plot multiple time series in the same graph with customized x axis
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- Highchart Line chart – data series with multiple axis - 2nd series placed in the middle of X axis
- HighChart is not working with multiple axis
- How to plot multiple lines in a single graph using HighChart with JSON
- use highchart as a template with different title and different values multiple times
- Show multiple Y axis stacked one upon the Other in Highchart Line type graph
- Highchart crashing with multiple Y axis
- Highcharts multiple axis with custom labels
- Highchart customized x axis values with Group By Year
- highchart axis position with negative values
- Highchart show/hide y axis with multiple associated series
- how to hide highchart x - axis data values
- How to display highchart y axis with constistant data
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts - with datetime axis labels overlap
- Highcharts - Issue with negative values when displaying multiple axes
- last label in x axis with datetime format not coming in highchart
- highcharts zero values results in graph half way instead at the bottom
- How to align HTML span at center of highchart donut graph with responsive design?
- How to place labels on opposite Y axis in Highchart without a second series
- Highcharts not displaying series data for graph with multiple Y-axes
- Highchart (basic line chart) which can have multiple values vs x axis?
- HighCharts - compare series with values instead of percentage
- Showing multiple data with same x and y in highchart
- HighCharts scatter plot with Datetime on X Axis not plotting values correctly
- highmaps click on country and change its background color, Also remove the Series 1 from tooltips
- How to add another series into my highchart
- Trying to update high chart data
- how to display dynamically chart in each cell?
- Highcharts change colour of individual bar
- High chart background and other components are not working as usual
- Highcharts - How to get horizontal error bars?
- Changing Data for HighMaps JQuery to a local file
- How to detect if a chart is attached to an element in highcharts?
- Automatic fold/unfold Y-axis break on mouse over
- Highchart Pie Chart shows "slice 0.0%" when loading data from csv
- Highcharts show/hide datalabel of selected point
- Struggling to get this JSON data into highcharts
- How do you get a colorByPoint appearance in Highcharts without coloring all the bars in a group the same color?
- How do you show grid lines for both x axis and y axis in highchart?
- High Charts - Organizational Chart
- Highcharts: Highmaps - Choropleth maps - All states are the same color
- Highcharts.js column chart labels and data not displaying properly after 60 columns
- Click event on highchart axis
- Highcharts accessibility / VUE.js