score:1
You don't actually need to pass the datetime for each data point in your series. You only need to pass the start datetime of the series and then use pointStart to let the chart know when to start counting, like so:
series: [{
name: 'Wind Speed',
data: [0.52, 0.778, 0.746, 0.594, 0.716, 0.793, 0.648, 0.828, 0.202, 0.066, 0.116, 0.116, 0.17, 0.195, 0.051, 0, 0.368, 2.365, 2.841, 2.693, 2.416, 2.541, 2.429, 2.888],
pointStart: 1360893600000,
pointInterval: 3600000
}]
See in action at: http://jsfiddle.net/Reality_Extractor/pNFYL/
pointStart expects Unix time though there are many different ways how you could easily come up with the particular time you need. I just hardcoded it in the example for demonstration purposes.
When you use pointStart then pointInterval is necessary to accurately assign time to the datapoints. It's worth noting that this only works with data which has regular pointIntervals. If you have irregular data you do need to supply a datetime for each datapoint.
This doesn't quite answer your question about passing the time as an array and then assigning it to the xAxis, but I do believe that the pointStart approach is less complex than array assignments.
Also, somewhat related, depending on how often your data updates you should be caching it on the server, and also the client, to prevent unnecessary refreshes over the network if the data didn't actually change.
Source: stackoverflow.com
Related Query
- Several Series with the same xAxis data in HighChart
- Highcharts: make y-axis extremes the same for two data series with different units
- Highcharts show the same yAxis start and end value with multiple data series
- How can I capture all points belonging to the same series with the same xAxis value without a loop?
- Highchart Line chart – data series with multiple axis - 2nd series placed in the middle of X axis
- show two different series with different start intervals with the same xAxis highcharts
- How to draw two series in the same chart that has different data time in xAxis
- highchart bar using json with series and xAxis data
- Highchart data series filled with different colors
- Highcharts: update series on multiple charts with same data
- How can I hide ALL series with the same ID with a button on highcharts? (line graph)
- Showing multiple data with same x and y in highchart
- Waterfall Highchart to start some of the columns in between the series with 0 y-axis
- Create six chart with the same rendering,different data (highchart )
- How to grab correct highchart number in selectors using Selenium Webdriver with Python with several charts on the page?
- HighChart Sparkline Chart with dynamic data for the table
- Highchart not displaying the pie chart with Ajax data
- how to plot multiple time series in the same graph with customized x axis
- Use different markers in the same series of an irregular time highchart
- Customizing the series data in pie charts with a dynamic json series (HighCharts)
- Updating Highchart Series Data with Formatted AJAX Return
- Highcharts same types of data with different series
- how do you create muliple charts with the same options but with different data
- Angular: HighChart TreeMap is not updating with the new data
- HighCharts: Compare the series data with each other and show percentage
- Highcharts series visibility with csv data source
- How to change the data series for highchart using a dropdown list
- How to redraw highchart series with json data value?
- In Highchart legend, the label color is the same with the color of shape
- Flowing Merge of points with same x-axis in the same series
More Query from same tag
- Change window position with button HighStocks
- Highcharts Highmaps How to add mappoint to custom map
- How to show the legend in HighCharts
- Highcharts Dynamic tooltip positioning
- highstock: PlotlLines text legend does not work when having 2 x-axes
- In the following code i want to show the WHOLE names on x axis nd dont want them to overlap with the legend
- Highchart xAxis labels formatter not displaying returned value
- Highcharts line style change
- highcharts piechart - small number of colors
- Overlaping date labels on xaxis in Highstock
- Wrong rendering of y-axis in polar charts
- How to hide a specific x-axis label programmatically?
- Highstock disable chart options on small screens
- Highcharts Datalabel formatting in spline
- Angular HighCharts ParlimentChart is not working
- Highcharts click events not firing when displaying multiple line series
- Highcharts best way to update dynamically changing exporting values?
- How do I calculate the sum of the points in a HighChart after I edit it
- How to show first and last date ticks in the navigator - Highcharts?
- Setting the top value for a highcharts chart
- Asyncronously add history to existing HighStock chart
- set data for navigation in highstock
- How to work with Highcharts in AngularJS
- Line chart Y axix value not show with single data
- HighChart Avoiding points on the plotbackground
- Highcharts drill down to detailed graph
- Highchart/Highstock Data sampling
- Highcharts change dataLabel option 'inside' by function
- High Charts donut chart percentages adding to 100.1%
- Offline exporting a Highcharts chart using an external button