Use the rgba format to change the opacity.
color: 'rgba(255, 255, 255, 0.50)'
Semi-transparent colors in Highcharts are given in the rgba format rgba(255,255,255,1). The last parameter is the alpha or opacity that ranges from 0, fully transparent, to 1, fully opaque. Because of this, there are no separate opacity options in the Highcharts API.
You can now use this property natively available on highcharts. PlotOptions.Series.Opacity
- Highcharts : Change opacity of a column chart
- highcharts jquery dynamic change chart type column to bar
- Change legend symbol in Column Chart in highcharts
- How to change color of bar in column chart with different level of percentage in highcharts
- Highcharts Stacked Column chart change legendItemClick function
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- Highcharts - Change opacity of chart when tooltip is shown
- highcharts drilldown column chart change Aaxis lables
- Change graph color above and below plot-line in Column chart in Highcharts
- Highcharts Column chart Series data formatting change
- How to create a column range chart in Highcharts using range and navigator functions?
- How do you change the colour of each category within a highcharts column chart?
- Programmatically change a chart title in highcharts
- Displaying percentage in Y-axis of Highcharts column chart
- Change Highcharts tooltip formatter from chart Object , after chart is rendered
- HighCharts Dynamically Change Chart Type
- Change color of area chart programmatically in highcharts
- Highcharts column range change color for negative numbers
- Highcharts Change column color on hover
- Highcharts Column chart with drilldown, remove hyperlink like formatting from x-axis labels
- Highcharts - change column stacking on click
- Highcharts Donut Chart text in center change on hover
- Highcharts - column chart redraw animation
- Hide 0 values in Stacked Column Chart in Highcharts
- Change Datalabel Color, Rotation and Align values based on Column value in highcharts
- Make Highcharts border color match background color on column chart
- Highcharts - change color of only clicked column
- highcharts: column chart color change based on value
- Set opacity of Highcharts pie chart
- Color each point individually in column chart highcharts
More Query from same tag
- Highstocks individual pane shadow
- How to change the layout and the alignment of the legend in the Highchart?
- How to use axios to fetch data from servlet and then crossfilter it and display via highcharts
- Loading Highcharts in an iframe
- Highcharts.js question: is it possible to keep some part of chart in visible area always, even if "overscoll" option is set
- Highcharts blank chart with x and y axis
- How can I put the Highchart to the html page
- Gradient in column highcharts
- how to display 2 same highcharts without duplicate the code
- Highcharts in Yii2
- Adding new HighChart Series
- min and max axis value not respected in HighCharts chart with a logarithmic axis
- Fourth y axis does not show labels in Highcharts
- In Highcharts, how to avoid 'max' value being calculated wrong?
- How to set all border widths except bottom border
- Highstock chart tooltip activation only when inside the chart
- highcharts lang.resetZoom doesn't appear to work
- Add Categories to Highcharts via Loop
- Trouble importing Highcharts Gauge with NPM/Webpack
- Join regions highmaps
- Add gridline on dynamic marker highchart
- How to hide highChart plotLine label until mouseover?
- How to put progress in percentage inside the solidguage of highcarts
- How to make border for sparkline highcharts table?
- highcharts hover.state.halo color malfunction?
- How to manage y-axis values of high chart
- Highcharts - Change column color If data.point equal to string
- Data label not showing in some pie chart handles Highchart
- Remove padding from barcharts Highcharts.js