CanvasJS 图表未显示

Question

我在我的项目中使用 CanvasJS 图表。 屏幕加载时 不显示任何内容。 但是当我打开检查器或调整浏览器大小时，一切正常。 有人有想法吗？

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script type="text/javascript">
    $(function () {
        $.ajax({
            url: "/Home/Result/",
            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();
    });

Answer 1

AJAX 请求是异步的。在 done 内部调用 C:\mystuff\cpp-project\** 工作正常。我还希望您在 AJAX 请求之外创建一次图表并更新数据点并在 AJAX 内呈现。以下是工作代码。

chart.render();