score:2
Accepted answer
Thanks for your help. I solved the problem with a radial bBackground color.
chart : {
type: 'spline',
renderTo: chartData,
zoomType: 'x',
plotBackgroundColor: Highcharts.svg ? {
radialGradient: {
cx: 1.0,
cy: 0.0,
r: 1.5
},
stops: [
[0.0, 'rgba(255, 0, 0, 1.0)'],
[0.5, 'rgba(255, 193, 86, 1.0)'],
[1.0, 'rgba(44, 160, 44, 1.0)']
]
} : null
},
The radialGradient starts at 1.0, 0.0 (x, y) which is in the top right corner of the plot area. I added three color gradient stops: red, yellow, green.
Hope this helps someone having the same problem. :)
Source: stackoverflow.com
Related Query
- Highcharts chart with risk color background
- Make Highcharts border color match background color on column chart
- Highcharts - Negative color with 'line' type polar chart
- Highcharts - Export with background color
- Highcharts column chart color by single color but with different brightness level as per respective column value
- How to change color of bar in column chart with different level of percentage in highcharts
- Pie chart with two circles need to change background color in inner circle
- Highlight a line with different color in Parallel coordinate chart with Highcharts
- highcharts polar chart with gradient color fills
- Highcharts cloud issue with data source when duplicating chart
- Highcharts - Add Point to chart with different color based on some condition dynamically
- Highcharts static line with background color below it
- Highcharts stacked area chart with background chart
- Reload chart data via JSON with Highcharts
- Highcharts - how to have a chart with dynamic height?
- dealing with highcharts bar chart with really long category names
- Highcharts scatter chart with a name per point
- Highcharts / jQuery - destroy and rebuild chart with original options
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- Highcharts export chart exportSettings with svg file
- Highcharts - change background color along specific date range
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Change color of area chart programmatically in highcharts
- Highcharts chart with 'datetime' xAxis - use categories on drilldown
- Highcharts Column chart with drilldown, remove hyperlink like formatting from x-axis labels
- exporting highcharts polar chart to PDF with phantomjs
- Highcharts - Column With Negative Values - Column Color
- Highcharts Area Chart - Specifying Area Color
- Highcharts - Scatter chart with a line connecting the dots in the series
- Highcharts blank chart with x and y axis
More Query from same tag
- How to make a setCategory while using Grouped category plugin in highchart?
- Highcharts - draw path on chart with datetime axis
- change the legend.y property on browser resize
- Highcharts - svg vs digital
- highcharts round generated y labels in 1024 multiply not 1000
- Yii Highchart extension - Change color based on value
- How to add multiple data types to list
- Binding json result in highcharts for asp.net mvc 4
- How to set "Y" position in label Highcharts
- Highcharts dynamic property updates when zooming
- Type 'number' has no properties in common with type 'XrangePointOptionsObject'.ts - React
- Highmaps Select Multiple Points With Clustering Enabled Loses What Is Selected Already
- HighCharts basic bar chart provide the xAxis categories with Series
- ScatterPlot Point Click Event Not Working
- Chartkick Datepicker/Range Selector - Possibility to choose dates to show data
- split display legend in highcharts
- HighCharts - Set Max and Min values in zoom reset
- HighCharts Drill down not working
- How to show only specific x-axis values on datetime axis in Highcharts
- highcharts: Set same spacing between bars
- Strange issue Highchart tick interval
- Chart rendering issue when hiding all series via clicking on legends
- Update Series Array on HighChart after editing chart
- How can I get every bar in different colour using Highchart?
- what means ${demo.css} in example files of highcharts ? That piece of code seems to be literal
- Highcharts redraw previous line still exist
- Draw multiple series in Highchart from single JSON data container
- Text on SVG circle
- Highcharts: adding line to graph removes labels from X axis
- highcharts half pie container too big