0

I am trying to create a area chart without any axis like this one:

Expected area chart

I have almost done it but there is a problem: When the chart is loaded the first time it looks like this:

initial area chart look

After initial load if I toggle the hidden property of LinearAxis it stars looking correctly:

Correct look of the are chart

For Android the situation is worst then iOS, chart is completely invisible:

Chart on Android

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?

Olcay Ertaş
  • 5,987
  • 8
  • 76
  • 112

0 Answers0