kendoChart series show and disappear very quickly

1 Answer 80 Views

Charts

Moslem asked on 09 Jun 2023, 08:31 AM

I am trying to display some series in a kendoChart. What is really weird is that they show then disappear in less than one second as soon as the page is loaded.

Here is my relevant HTML code :

<div id="chartOccupation" class="" style="height: 300px;"></div>

Here is my JavaScript code :

$("#chartOccupation").kendoChart({
            theme: "bootstrap",
            title: {
                text: "Répartition Occupation / Type séjour ",
                position: "bottom",
            },
            legend: {
                visible: true,
                position: "bottom",
            },
            series: [{
                name: 'séjour long',
                type: 'line',
                field: 'value',
                categoryField: 'date',
                data: [
                    {
                        value: 10,
                        date: new Date("01/01/2012")
                    }, 
                    {
                        value: 20,
                        date: new Date("01/04/2012")
                    }, 
                    {
                        value: 30,
                        date: new Date("01/07/2012")
                    }
                ]
            }],
            valueAxis: {
                min: 0,
                max: 100,
                majorUnit: 10,
                line: {
                    visible: false,
                },
                labels: {
                    format: "{0}%"
                },
            },
            categoryAxis: {
                labels: { dateFormats: { days: "d" } },
                baseUnitStep: 1,
                type: "date",
                justified: true,
                baseUnit: "days",
            }
        });

So, What is wrong in my code, and how should I fix it? Any idea?

Thanks in advance.

kendoChart series show and disappear very quickly

1 Answer, 1 is accepted