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 creating too many values in float
- Why highchart returning " Typeerror : undefined variable byte "?
- Highcharts - `lineColor` doesn't work with Zone
- Center a chart inside of bootstrap's carousel
- Highcharts height issue - remove white space at the top. See JSFiddle :)
- Using the VU Guage: add the numeric value below needle
- How to disable the circle that appears in Highcharts without data?
- Fill area beneath scatter points with color in Highcharts 3d scatter plot
- How to add another series into my highchart
- Highcharts make positive numbers in ranges of green and negative ranges of red
- Highcharts add series, data format
- Highcharts get series data zoom indices
- Making a dataLabel draggable
- Highcharts - Pie inner circle size
- Highcharts - How to change display data and remove mouseover?
- highcharts & rails
- Highcharts organization change size image and position
- highcharts-export-clientside Unsupported export format
- change data on chart by selecting the year in dropdowns
- Highchart multiple-color line series dynamically
- Is there any method to select only one series marker state in highcharts?
- how to remove scroll bar in drill down highchart
- Highcharts crosshair with labels on axes
- Loading chart via Angular ngRoute not working
- Not able to go back to original state after drill down in highcharts
- Bug in Highcharts where negative numbers in data seem to cause bug with graph drawing
- Highchart shiny R scatter plot - how to define individual point colors
- R - Highcharter, How to avoid increasing the indentation of the y axis label?
- Javascript variable with Comma separated values not working in HighChart
- Highcharts - Line breaks from node to node in sankey diagram