Why is it not showing the chart

I can’t get the above graph to display on my main screen but it does on other screens, is there any way I can fix it

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<view xmlns="http://jmix.io/schema/flowui/view"
      title="msg://blankView.title"
      xmlns:charts="http://jmix.io/schema/charts/ui">
    <data>
        <keyValueCollection id="dataSacThaiDc">
            <properties>
                <property name="date"/>
                <property name="tichCuc" datatype="int"/>
                <property name="tieuCuc" datatype="int"/>
                <property name="trungLap" datatype="int"/>
            </properties>
        </keyValueCollection>
    </data>
    <facets>
        <dataLoadCoordinator auto="true"/>
    </facets>
    <layout width="100%" height="100%">
        <button id="testBtn"/>
        <charts:chart id="chartComponent" width="100%" height="100%">
            <charts:tooltip trigger="AXIS">
                <charts:axisPointer type="CROSS"/>
            </charts:tooltip>
            <charts:legend/>

            <charts:xAxes>
                <charts:xAxis/>
            </charts:xAxes>
            <charts:yAxes>
                <charts:yAxis/>
            </charts:yAxes>

            <charts:dataSet>
                <charts:source dataContainer="dataSacThaiDc"
                               categoryField="date" valueFields="tichCuc tieuCuc TrungLap"/>
            </charts:dataSet>

            <charts:series>
                <charts:line name="Tích cực" yAxisIndex="0">
                    <charts:itemStyle color="#5470C6"/>
                </charts:line>
                <charts:line name="Trung lập" yAxisIndex="1">
                    <charts:itemStyle color="#91CC75"/>
                </charts:line>
                <charts:line name="Tiêu cực" yAxisIndex="2">
                    <charts:itemStyle color="#5410C6"/>
                </charts:line>
            </charts:series>
        </charts:chart>
    </layout>
</view>
@ViewComponent
    private KeyValueCollectionContainer dataSacThaiDc;

    @Subscribe
    public void onInit(final InitEvent event) {
        List<KeyValueEntity> list = new ArrayList<>();
        LocalDate startDate = LocalDate.of(2025, 1, 1);
        LocalDate endDate = LocalDate.of(2025, 1, 10);

        for (LocalDate date = startDate; !date.isAfter(endDate); date = date.plusDays(1)) {
            KeyValueEntity entity = new KeyValueEntity();
            int randomNumber = new Random().nextInt(10) + 1;

            entity.setValue("date", date.toString());
            entity.setValue("tichCuc", randomNumber);
            entity.setValue("tieuCuc", randomNumber); 
            entity.setValue("trungLap", randomNumber);

            list.add(entity);
        }

        dataSacThaiDc.setItems(list);
    }

Hi!

Please note the errors in your browser console.
This is because you have specified an yAxisIndex attribute for each of your series, but in fact you only have one yAxis.

If you remove this attribute, the chart will be able to be displayed.

Regards,
Dmitriy

i tried and failed but i found out that setting height to 100% it wont show but setting it to 400px or some other number in px it will show