Not able to adjust opacity in combo chart

163 views
Skip to first unread message

Prashanth Palaniswamy

unread,
Sep 23, 2018, 3:26:55 PM9/23/18
to Google Visualization API
I was working on a combo chart (which has a bar and scatter chart). I was not able to change the opacity of the point and the fill area inside the bars. 

Could someone please help me with this. Here is the link to the chart I was working on: jsfiddle 

Thanks,
Prashanth

Prashanth Palaniswamy

unread,
Sep 23, 2018, 9:57:52 PM9/23/18
to Google Visualization API
I got the answer to this question from StackOverflow. Please refer this link for the solution: https://stackoverflow.com/questions/52469670/change-opacity-of-fill-area-in-combo-chart-google-charts 

Olav Tollefsen

unread,
Apr 27, 2020, 5:05:12 AM4/27/20
to Google Visualization API
Why doesn't setting the opacity in the series property work for 'bars' as it does for 'area' in a combo chart?

This works fine:

                series: {
                    0: { targetAxisIndex: 0, type: 'line' },    // Price
                    1: { targetAxisIndex: 1, type: 'area', areaOpacity: 0.1, lineWidth: 0 },    // Volume
                },

while this does not work:

                series: {
                    0: { targetAxisIndex: 0, type: 'line' },    // Price
                    1: { targetAxisIndex: 1, type: 'bars', opacity: 0.1 },    // Volume
                },

Is this a bug, or?
Reply all
Reply to author
Forward
0 new messages