Can't scroll the entire view when touching chart area

[Tegra]

Hello,

I have a bar chart in my page and I can't enable scroll in it when using iOS.

      <StackLayout col="0" row="2" horizontalAlignment="center" height="250" width="100%">
        <RadCartesianChart #chart (loaded)="onLoaded(chart)" height="100%" *ngIf="hasSells">
          <CategoricalAxis tkCartesianHorizontalAxis></CategoricalAxis>
          <LinearAxis tkCartesianVerticalAxis></LinearAxis>
          <BarSeries tkCartesianSeries [items]="vendas" categoryProperty="data" valueProperty="quantidade"></BarSeries>
        </RadCartesianChart>
      </StackLayout>

 

Things I've tried:

- setting 'userInteractionEnabled' to 'NO' directly in the html template.

- getting the elementRef as a viewChild and then setting userInteractionEnabled to 'NO' in my .ts file.

- tried to access the chart with 'onLoaded' method but it doesn't works.

 

I've stuck with this problem for some time. Could you please help me?

[Deyan]

Hello,

Before getting to your questions I would like to ask you which product are you using as this doesn't seem to be native iOS?

Are you using NativeScript with NativeScript UI?

If yes, please make sure to post questions related to NativeScript UI to the corresponding forums as these here are dedicated to UI for iOS.

Back to your inquiry:

This is a known issue with Chart for iOS and we have logged it on our TODO list for fixing. The userInteractionEnabled property works as a workaround - we have tested this on our side - so you might not be setting it properly.

Can you share some more code or a project that we can inspect for better understanding?

Thanks

Regards,
Deyan
Telerik by Progress