score:4
You need to convert that to the col/row point instead of date string. You are going to have 2 category axis: x and y. Then the index of x/y axis becomes the [x, y, value]. So, if your data starts on "2013-04-01" then it is your first index such that [ ["2013-04-01",0,-0.7], ["2013-04-02",0,-3.4], ["2013-04-03",0,-1.1] ]
becomes:
[ [0,0,-0.7], [1,0,-3.4], [2,0,-1.1] ]
Note that this is just one row's worth of data. What is your y
component?
EDIT: If your yAxis component will be the hour of the day then you would set up your axii like so:
xAxis: {
categories: ['2013-04-01', '2013-04-02', '2013-04-03'],
labels: {
rotation: 90
}
},
yAxis: {
title: {
text: null
},
labels: {
enabled: false
},
categories: ['Midnight', '1 am', '2 am', '3 am', '4 am', '5 am', '6 am', '7 am', '8 am', '9 am', '10 am', '11 am', 'Noon', '1 pm', '2 pm', '3 pm', '4 pm', '5 pm', '6 pm', '7 pm', '8 pm', '9 pm', '10 pm', '11 pm'],
min: 0,
max: 23,
reversed: true
},
Then you series would look something like:
series: [{
borderWidth: 0,
nullColor: '#EFEFEF',
data: [ [0,0,-0.7], [1,0,-3.4], [2,0,-1.1] ]
}]
Live demo.
There are other items I added there that I will let you figure out (why do I set reversed: true
, what is the colorAxis, etc). The important thing to note is that the series.data
format is different from any other highchart setup.
Source: stackoverflow.com
Related Query
- HighChart Heatmap with JSON data
- creating highchart with ajax json data
- Plot Highchart Gauge with JSON Data
- How to redraw highchart series with json data value?
- Issue with highchart data display when parsing JSON data
- HighChart with multple JSON api data
- How to pass a JSON through a variable to highchart heatmap data tag?
- highchart bar using json with series and xAxis data
- Highchart tooltip with json data
- Data parsing from mysql into highchart with json
- Reload chart data via JSON with Highcharts
- How to display highchart y axis with constistant data
- Highchart data series filled with different colors
- Highcharts with JSON data and multiple series
- Create Density Heatmap Chart using Jquery with array of data
- time data with irregular intervals in HighChart
- Highcharts - Global configuration with common code and unique data & Headings
- Formatting JSON Data with ColdFusion for HighCharts
- Showing multiple data with same x and y in highchart
- Highcharts with ajax and json data what am i doing wrong?
- Several Series with the same xAxis data in HighChart
- Adding data to a highchart chart using an array with IDs
- How can i get the json data with the specific between Year?
- JSON data with angular2-highcharts
- Plotting JSON data with angular2-highchart
- Highchart - Display JSON Data - MYSQL / PHP
- how to pass datalabels along with data to show it in tooltip in highchart
- HighChart Renders Blank with Small Data Set
- HighChart Sparkline Chart with dynamic data for the table
- dynamic highcharts with json data
More Query from same tag
- How to clear blank below heatmap
- Border is partially hidden on hover in Highcharts column and pie charts
- How to change the point color to red that is lowest point plotted in the graph and 2nd issue is animation effect is not supporting in the ie10,ie8
- GWT:creat a simple meteogram in GWTHighCharts
- Highcharts - Display only specific series in specific category?
- Export chart image data locally in HIghchart
- Remove Export and print button plugin on highchart chart
- Highstock, error: Uncaught TypeError: w[(intermediate value)(intermediate value)(intermediate value)] is not a constructor
- How do I make the x-axis category label in a polar chart of HighChart non-wordwrap?
- Why are the xAxis labels in my Highcharts graphic so strangely positioned?
- Highcharts - How to remove connecting line between fixed tooltip and point
- Highcharts Solid Gauge With PHP Data
- using MapBubble in country Chart in Highcharts
- Parsing JSON for use with Highcharts using jquery .parseJSON or JSON.parse: how to remove quotes from function calls for formatters?
- Highcharts 3D funnel Array format
- highcharts does not seem to be rendering
- Return Highcharts using Ajax and Python
- How to add variable-pie chart to react project?
- Show Information From Database onclick of HighCharts
- highcharts type bubble with static Y-axis list
- export.highcharts.com bug? Changing order of series.index values not reflected in exported pics
- Highcharts clientside export plugin. TypeError 'C is undefined'
- Highcharts - bar chart columns too thin with too many series
- PLotLines In HighCharts Overlapping || React highCharts || YAxis Interval
- Highcharts: Get stack of series
- HighCharts: How to combine custom colors with gradient
- Drag legend out of Highchart
- Custom SVGElement labels loose positioning on zoom
- React Highcharts change border color on selected column from local state
- Highcharts with object array