Rendering issue with multiple charts on the same page

[drc37]

When I put multiple graphs on the same page, the first one renders correctly while the other ones have tiny text. The is the exact same component rendered on the page 3 times. I tried adding the scalesPageToFit={false} to no avail. This is what I have now:

<ChartView
          style={styles.chart}
          config={config[this.props.type]}
          scalesPageToFit={false}
          automaticallyAdjustContentInsets={false}
          />

the bar chart config:

bar: {
        chart: {
          type: 'bar',
          animation: false
        },
        credits: false,
        title: false,
        legend: false,
        exporting: false,
        xAxis: {
          categories: this.props.categories,
          lineColor: colors.lightGray,
          tickWidth: 0,
          labels: {
            style: flattenStyle(styles.xAxis)
          }
        },
        yAxis: {
          title: false,
          gridLineColor: colors.lightGray,
          labels: {
            style: flattenStyle(styles.yAxis)
          }
        },
        series: this.props.data
      },

[drc37]

Upgrading to the latest version fixed the issue.