SteppedArea inside Combo chart - setting connectSteps to false

[Carlos da Cunha e Silva]

Hi,

I'm trying to recreate the same style of charts like they're produced by windfinder by using a combochart, the first series displays the bars and the second the steppedArea

I succeeded to recreate most of it, there's one detail left, namely the vertical lines in the steppedArea. You can disable it for a steppedArea chart by setting the option  connectSteps to false.

I tried to include it in the options at several places but none seem to work. Does anyone know how I can achieve this ?

You can see the code over here

https://jsfiddle.net/cdacunha71/sfv1qokf/4/

The relevant section is the option section, I tried it at three locations without any success. connectSteps is not documented as an option inside the combo chart.

var options = {

          title: 'Monthly Coffee Production by Country',

          connectSteps: false,

          legend: 'none',

          vAxis: {

          viewWindow: {

              min: 0,

              max: 12

            },

            title: 'Cups',

            gridlines: {

              color: 'none'

            }

          },

          hAxis: {

            textPosition: 'none',

            title: 'Month',

          },

          seriesType: 'bars',

          series: {

           0: {

              areaOpacity: 0.0,

              type: 'steppedArea',

              connectSteps: false,

              style: {connectSteps: false}

            }

          }

        };

Regards,

Carlos