score:9
Try using the fillColor
property:
{
name: 'xyz',
x: 123,
y: 456,
fillColor: '#00FF00'
}
score:0
You you would like to have colored line partially, you need to have as much series as colors. In other words, each color should be separate series with defined color.
score:1
Yes you can just use plotOptions.area.zones :
https://api.highcharts.com/highcharts/plotOptions.area.zones
see the example :
plotOptions: {
series: {
zoneAxis: "x",
zones: [{
value: 0,
className: 'zone-0'
}, {
value: 10,
className: 'zone-1'
}, {
className: 'zone-2'
}],
threshold: -10
}
},
With the zoneAxis: "x"
you can specify which axis you use to discriminate your differents colors.
score:11
In your data, you can specify the color of the specific points:
data: [{
name: 'Point 1',
color: '#00FF00',
y: 0
}, {
name: 'Point 2',
color: '#FF00FF',
y: 5
}]
For line charts, use "fill color", as explained in the answer below.
For an example in jsFiddle, see http://jsfiddle.net/xqWp5/1/
Source: stackoverflow.com
Related Query
- Highchart data series filled with different colors
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highchart Color Issue for series with single data with multiple colors
- Several Series with the same xAxis data in HighChart
- Highcharts: make y-axis extremes the same for two data series with different units
- Highchart Polar chart - 4 nested circle with different series
- How to create a highchart with 3 different series categories name
- Pie Chart for Data on Different Things with HighChart
- Overlay 2 series of data of different length with highcharts
- Unable to create Highchart where i can show different - different data on clicking category and series
- Updating Highchart Series Data with Formatted AJAX Return
- Highcharts same types of data with different series
- Highchart Line chart – data series with multiple axis - 2nd series placed in the middle of X axis
- Highcharts series visibility with csv data source
- How to redraw highchart series with json data value?
- Highcharts : using same div to load a chart multiple times with different series data
- Highchart - change data series with link
- Highchart Data from HTML table with line series
- Multi Series Highchart Data with Multidimensial Array
- Highcharts: How to set colors per column, per series, with a data set, in a multi series chart?
- Different data with same series name
- highchart bar using json with series and xAxis data
- Highcharts, series with data of different size
- highchart with drilldown where data for main chart and drilled down chart are from different xml files
- Highcharts doesn't display series with lots of data points
- Reduce gap between series data in Bar Highchart
- Highcharts data series issue with ajax/json and PHP
- creating highchart with ajax json data
- Plot Highchart Gauge with JSON Data
- HighChart Heatmap with JSON data
More Query from same tag
- Highcharts tree map showing wrong min value
- Read data from csv file in Highchart Angular
- Multiple tooltip with numericsymbols (date turns timestamp) in R
- How to show categories total in labels using highcharts
- Concatenate data variables in Highchart Series
- Issue while Dynamically Modifying yAxis Extremes in Highchart
- Scala.js referencing using this
- How to get region/province code from IP address
- Highcharts rangeselector navigation - start on the lowest date / value
- Highcharts not rendering
- Highstock / Highcharts - Flag linecolor masking line below it
- Highchart pie legend circles
- 3d chart for Highcharts with legends
- can you have more than one ajax?
- Visual difference between different charts
- FsPlot for osx sierra
- How to set multiple xAxis.labels.align in HighCharts?
- some highcharts categories missing for unknown reason
- How Highstock determines date
- Highcharts: Dynamically update dataLabels in synchronization with setData
- highcharts scrollbar labels not appearing
- angular-highcharts : click event cannot load function from "this" scope
- Angular HighCharts ParlimentChart is not working
- How to draw a bar chart that one series has both positive and negative values in Highcharts?
- Displaying X-Axis as DD/MM/YY HH:MM:SS.mm on Highchart
- Highcharts pie chart loses color on refresh
- Line chart, show data label inside chart when data is less than min
- Keeping the x axis interval fixed highstock
- Pie Chart is not coming with dynamic data in HIghChart
- How to change the series color and mark after I draw the line chart in highcharts?Does it has databound event?