Canvas JS

سلام استاد عزیز خسته نباشید.

من یه نمودار از CanvasJS در پروژم استفاده کردم اما مشگل اینجاست که وقتی صفحه لود میشه هیچ چیز نمایش داده نمیشه  اما به محض این که من inspector مرورگر رو باز میکنم و یا اندازه صفحه مرورگر رو تغییر میدم نمودار با اطلاعات داخلش به خوبی ظاهر میشه.

باید چیکار کنم که بدون نیاز به اون کار درست کار کنه؟

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                url: "/Home/JsonResult/",
                type: "Get",
                data: { id: 1 }
            }).done(function (result) {

                var chart = new CanvasJS.Chart("chartContainer",
                    {
                        theme: "light1", // "light2", "dark1", "dark2"
                        animationEnabled: false, // change to true
                        title: {
                            text: "Basic Column Chart"
                        },
                        data: [
                            {
                                // Change type to "bar", "area", "spline", "pie",etc.
                                type: "column",
                                dataPoints: result
                            }
                        ]
                    });
            });


            chart.render();
        });
    </script>