afaik there is not an option to do this, actually.
i think there are two approaches. one is to use multiple series. this can get complicated in that you have to figure out where to put the x values for the points that cross the y axis threshold in between x axis points.
the other is to try to leverage the gradient fill to accomplish this as well, but i do not have an example for this, and determining your stop values for the gradient may be complicated as well.
- Highcharts two colors for fill of area chart
- Highcharts Area graph, use 2 fill colors above / below X axis
- Highcharts - Display legend for Pie chart in two columns
- Highcharts - In area chart how to use gradient color for multiple series?
- Center tooltip for highcharts area chart
- Highcharts gantt chart : Task progress indicator need to show a single task for various status like completed,inprogress etc with different colors
- Highcharts Area chart gradient fill
- HighCharts - Single legend for two columns in a Stack Column chart
- Highcharts display label for pie chart using html table as data source
- Highcharts Theming: How to set gradient colors for certain chart types only?
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- Add or declare two plotOptions in highcharts for Synchronized chart
- Bar chart in High chart for indication of value with two colors in each bar where one color is always kept fixed
- Looking for a line chart drill down to area chart using Highcharts
- Adding space between the line and the fill in a Highcharts area chart
- HIGHCHARTS How to to make separate colors for shaded region and the line in Area Graph
- How to create a legend for bar colors in a Highcharts bar chart
- High Charts for an area-spline chart with area fill on only one data set in series
- Fill different colors in boxplot chart Highcharts
- HighCharts turn animation false for line chart
- set different colors for each column in highcharts
- Highcharts percentage of total for simple bar chart
- Highcharts - How to set custom colors for the series
- Highcharts not displaying data labels for Pie chart in arabic
- highcharts - chart names for multiple pie chart series in one chart
- Can highcharts crosshairs show on top of area chart fill?
- Change color of area chart programmatically in highcharts
- Highcharts highlight area between two lines
- HighCharts - Pie chart drilldown for multilevel (3 to 4 level)
- Highcharts - How can I remove starting and ending padding from area chart
More Query from same tag
- highcharts draggable-points conflict between drag and click
- Get the currently selected range from RangeSelector in Highstock
- Highcharts has incorrect vertical bar position
- highcharts: stop chart from trapping mouse events, or capture mouse click on the ENTIRE chart
- highcharts change rendered image source on click
- Get x and y value of a series in highcharts when curve is being plotted
- Highcharts: getting duplicate items in export menu when adding custom export options
- building a custom histogram with highcharts.js
- Highcharts -> Style vertical lines in the navigator
- Remove SVG rendered path on Legend Item Click
- How to invert (transpose) the rows and columns of an HTML table which is generated dynamically from highchair in Angular 12?
- In Highcharts, how to set width of plot bands on y-axis in column chart?
- Graph getting hidden while zooming in ( using the zoom scroll bar )
- Is there any way to merge this two x-axis in one axis?
- R highcharter() global thousand separator?
- Integrate Ember-widgets Highchart in Jinja2 template
- Highcharts - Bubble chart - Proportional bubbles
- Highcharts read data from XML throught attributes
- How can I automate high charts and graphs using selenium webdriver?
- Using setData in HighCharts multiple times
- How to add dots to Highcharts legend and bars?
- Highcharts - My nice thin cross hair changes to a thick green cross hair when adding categories
- Rsquare best fit line in actual and precited scatter plot with d3.js/chart.js/highcharts
- Forcing two xAxis to be the same in Highcharts
- Hide connection to points outside x-range in Highcharts line chart type
- How to have a solid as well as dashed line in line chart highcharts
- rendering the small columnrange intervalles as png image too
- Highcharts - ensure visual continuity when dynamically updating chart?
- pointPlacement in Highcharts Heatmap with datetime xAxis