score:2
Accepted answer
You need to use three series for each color separately.
http://jsfiddle.net/sbochan/w23mbjx5/
Example:
series: [{
data: [1,2,3,null,null,null,4,5,6],
color: 'green'
}, {
data: [null,null,null,null,2,8,4],
color: 'yellow'
}, {
color: 'orange',
data: [null,null,3,3,2]
}]
Source: stackoverflow.com
Related Query
- Highchart multicolour areaspline
- Highchart areaspline plotband height
- Strange character in the Highstock source code
- Why does my Highchart look different when I transfer my code from Jsfiddle to my server?
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- Column based Highchart drilldown series assign color code to each column
- x-axis, y-axis lines does not appear, when I include 3D chart library of HighChart in my code
- why my highchart code is not working?
- How to render Gantt Highchart from data source
- Highchart spline Cut Off when reach to maximum scale value. How can it fixed?. I have attached may sample code on body
- I am trying to include india map in my highchart code
- Highchart map does not support IRS country code
- Highchart columnrange, color code lines based on data
- how to hide highchart x - axis data values
- Highchart specific width stack column bar graph
- Highchart - show / hide an y-Axis without hiding the series
- Manage multiple highchart charts in a single webpage
- when is a highchart completely loaded?
- Remove Export and print button plugin on highchart chart
- Drilldown multiple levels Highchart
- How to display highchart series line marker symbol from tooltip formatter?
- Highchart - change color of one x-axis label only
- Resolve Conflict When Using Highchart and Highmap together (TypeError: ma is not a function)
- use highchart and highstock on the same page
- Highchart series update in javascript
- Can I use two different formatters for highchart tooltips?
- How to change the font family of Highchart to Bootstrap css default font family
- Highchart hide default buttons
- How to export a Highchart chart to PDF thanks to a button outside the chart?
- Displaying Persian dates in highchart from its corresponding Georgian date
More Query from same tag
- three point data in a scatter chart HighChart
- Highstock highcharts irregular data gets wrong x-scale
- Highchart speedometer take input from csv
- Why is Y-Axis range so wide in Highcharts Plot?
- Highcharts remove space before first bar and after last
- How to compare weekly data?
- Highcharts - resize legend on chart resize?
- Make Highcharts' setExtremes off tick with two yAxis
- Pixelpadding between bars?
- Is it possible to hide the line & symbol next to Highcharts legend items?
- Highcharts tooltipformat for each series?
- Highcharts to present in an HTML Table
- Prevent xAxis of column highchart taking negative labels on hiding one of other series(on legendItemClick event)
- How to convert a JavaScript object to array
- How can I prevent Highcharts from displaying decimal intervals in between x-axis ticks?
- What format does the highcharts js library accept for dates?
- Importing Data in Highcharts with PHP
- jQuery initially not loading in IE9 quirks mode
- Adding Text into Center of Pie Graph highcharts
- Formatting date values for tooltips in Highcharts
- Width of column in columnchart using highcharts
- How can add borderColor and borderWidth to Column type - highchart?
- Highchart yAxis opposite is not working in type datetime
- How to disable animations on Highcharts Dotnet C# MVC?
- Highchart: endOnTick not finishing with the max extreme set for xaxis
- How to change border radius of legend symbol
- HighCharts Render Annotated Queryset in Jinja2 Template
- Highchart - Min max and Mean chart
- How to fix hidden dataLabel in highcharts?
- How to add secondary y-axis to highcharts