score:1
Accepted answer
At this moment is it not supported, only by two series, but in the nearest feature it should be available.
score:2
The easiest way would be to separate the data and create separate series (with different colors) for the different ranges. That would mean, of course, that you would have to create a custom legend.
Edit to your function:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'xy',
type : 'scatter',
marginLeft: 50,
marginBottom: 90
},
yAxis: {
reversed: true,
},
plotOptions: {
series: {
animation: {
duration: 2000
},
lineWidth: 2
},
},
xAxis: {
opposite: true
},
series: [{
name: 'Test Plot',
data: [
[28, 0],
[29,1],
[30, 3],
[34, 4],
[32,5],
[28, 6]
],
color: "#F90B0B"
},
{
name: 'Test Plot2',
data: [
[28, 6],
[24, 7],
[19,8],
[15, 9]
],
color: "#F909F9"
}]
});
});
Source: stackoverflow.com
Related Query
- Is is possible to change line color in highchart xy plot for specific y range only?
- change background color for highchart candlestick plot
- Highcharts - change background color along specific date range
- Highcharts column range change color for negative numbers
- Highcharts change the line color if its out of the area range
- HighChart : plot line click event for multiple chart
- how to change color of line chart in highchart based on a categorical column in r?
- How to change the Highchart plotline color for theme
- Is it possible to change linecolor for timeline chart in between specific points?
- Unable to change Spiderweb in Highchart line color
- How to change color on the Highchart Sparkline line only?
- How to change default line color in highchart stock GUI tools?
- Is it possible to style columnrange highchart to change color when data is below 0?
- Different color for plot outside range
- Highchart - change color of one x-axis label only
- Highchart Area Range chart with gradient that follows the line
- Change color of bars depending on value in Highchart bar-chart with MVC3
- Background color for multiple Highchart panes, in Vue app
- programatically fire a click event for a point on highchart scatter plot
- Change Y Axis vertical line color in Highcharts
- Is it possible to change background color of highcharts?
- Highcharts shared tooltip for line series and scatter plot not working
- How to change series legend text color in HighChart chart?
- highchart change color of single bar in single category
- Possible to change the height inside the highchart drilldown?
- Highcharts, how to change hover bg color for series with multiple columns (categories)
- How to Change Highchart Column Color Dynamicly
- How to set series-label to false by default and change the color of series label text in highchart
- Highcharts - Change line color between points
- Showing marker for separate values only in line chart in HIghchart
More Query from same tag
- Connect limit's series in Highcharts
- Is any possible to custom split tooltip position?
- Highstock Change date format dynamically on clicking range selector button
- Time series horizontal bar chart for running queries visualization
- Chart area exceeding series length
- Highchart.js: use bootstrap glyphicons instead of symbols on contextbutton
- Highcharts Synchronized charts
- Add tooltip to legend in highcharts when hovering
- HighChart legend I override mouseover but loose transparency functionality. How do I keep it?
- Converting Poloniex API Callback JSON into format suitable for Highcharts.Stockchart
- Highlighting(animate) a piechart slice from an HTML element (mouseover)
- jquery flip! component: highchart is no longer interactive?
- Highcharts PHP JSON - correct data format
- on flag click get series (graph) it's on highstock?
- How to save a highchart to PNG image in R?
- Highcharts series label legend in one line
- Highchart - Angular 9: How to export all charts into single pdf?
- Highchart Zoom and X-Axis with String Array for Categories
- Highcharts chart width to dispay size dynamically
- Gantt Highcharts layout cutoff
- div tag is not visible on integration with Menubar in HTML
- Display space in chart in case of null value present in object in high chart stacked bar chart
- Is it possible use size (z) argument with RHighcharter and a categorical Y-axis?
- Highstock display two horizontal rules
- How to set point in highcharts when x axis and y axis has data as text values?
- Meteor: Display API result data on highcharts
- Creating series/group titles in legend in Highcharts JavaScript pie chart
- How to set hover lineWidth when using markerGroup.toFront()?
- How do i select range of data in Treemap Highcharts?
- Recover page content when visiting back