score:1
Accepted answer
Making use of the color_stops
helper you could set the stops for the fill color gradient like so:
Note: To get a gradient you have to set y2=1
in linearGradient
.
library(quantmod)
library(highcharter)
df = getSymbols("SPY", auto.assign = F)
highchart() %>%
hc_chart(
type = "container", zoomType = "x") %>%
hc_plotOptions(
area = list(
fillColor = list(
linearGradient = list(
x1 = 0,
y1 = 0,
x2 = 0,
y2 = 1
),
stops = color_stops(n = 2, colors = c("#2f7ed8","white"))
),
marker = list(
radius = 2
),
lineWidth = 1,
states = list(
hover = list(
lineWidth = 1
)
),
threshold = NULL
)
) %>%
hc_add_series(type = "area", name = "test", data = df$SPY.Close) %>%
hc_legend(enabled = FALSE) %>%
hc_xAxis(type = "datetime")
Source: stackoverflow.com
Related Articles
- How to apply color stops in highcharter?
- How to apply custom color on candlesticks based on OPEN/CLOSE values?
- Need to apply background color to each legend text highchart
- r highcharter package barplot group vs. color
- R highcharter plot points color based on value
- Highchart's Polar Chart: Apply Gradient Color on Intersecting Area Series
- Change color code on colum, depending on data value (highchartJS)
- highcharter change highlight color on hover
- Change color of highcharter r choropleth map
- how to change color of highcharter candlestick stockchart?
- Change color of the values in heatmap or remove the values in highcharter R package
- Strange character in the Highstock source code
- How can I apply different background color to entire tooltip for different series in highcharts
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- R highcharter legend based on point color
- Highcharts apply different background color to all month of each year
- Column based Highchart drilldown series assign color code to each column
- Highcharts in JQuery Tabs - Resizing hidden tab code stops resizing visible tab
- Get Legends and color code of a piechart
- highchart color as classname inside data series doesn't apply to legend
- How to apply color gradient in progress bar in high chart with stylemode in Angular
- R highcharter bar color based on value
- Highchart columnrange, color code lines based on data
- How to use the tooltip formatter and still display chart color (like it does by default)?
- Highchart - change color of one x-axis label only
- How to apply highchart's license
- Changing series color in highcharts dynamically
- How to change the text color in Highcharts
- Highcharts area fillOpacity do not work when changing the color
- Highcharts Change Bar Color Based on Value
- Django - 'SafeText' object has no attribute 'get'
- Rendering Highcharts Chart in Multiple divs with same ID
- Check for duplicate dates in a table mysql
- highcharts-export-server yAxis formatter does not work
- How can I pull only specific columns \ cells from csv in <pre> tag, into highcharts pie chart
- highcharter custom animation
- Add dynamic series
- JSQuery.load Highchart
- HighcharteR Tooltip
- How to do it right. (Annual cycle with pie chart)
- How can I get highcharts barChart bars to always fill the container?
- How could I change the x,y label and remove empty x bar
- Remove spaces between axes and columns in Highcharts with only one category
- HighChart: add data series dynamically with dynamically added categories on yAxis
- Github pages not locating CSV file even though it works locally (Highcharts)
- How to display the collection in the library dynamically Highcharts - Bind collection with Highcharts in MVC
- How to disable color transition in highcharts gauge-solid
- Access min/max values for a Highcharts series: afterSetExtremes does not fire
- highstock linked to spreadsheet data doesn't work anymore
- Possible to use xAxis with type "datetime" and yAxis with categories?