I am trying to create a area chart without any axis like this one:
I have almost done it but there is a problem: When the chart is loaded the first time it looks like this:
After initial load if I toggle the hidden
property of LinearAxis
it stars looking correctly:
For Android the situation is worst then iOS, chart is completely invisible:
Here is my Chart in template:
<template>
<Page actionBarHidden="true">
<StackLayout class="root">
...
<FlexboxLayout class="bottom" flexDirection="column">
...
<RadCartesianChart class="chart" ref="chart">
<LinearAxis v-tkCartesianHorizontalAxis hidden="true"/>
<LinearAxis v-tkCartesianVerticalAxis hidden="true"/>
<AreaSeries
:items="items"
valueProperty="value"
categoryProperty="date"
v-tkCartesianSeries
/>
</RadCartesianChart>
</FlexboxLayout>
</StackLayout>
</Page>
</template>
The question is how can I fix the initial layout of the chart?