0

我有一个必须创建图形的 javascript 函数：

<script>
    window.setGraph = (lab, ser) => {
        console.log(document.getElementById("weather-chart"));
        console.log(lab);
        console.log(ser);
        var chart = new Chartist.Line('#weather-chart', {
            labels: lab,
            series: ser
        });

        console.log("done");
        return true;
    }    
</script>

此函数由我的 blazor 组件之一调用：

protected override async Task OnInitAsync()
{
    some-data-a = await RetrieveSomeData();
    some-data-b = await RetrieveSomeOtherData();
    JSRuntime.Current.InvokeAsync<bool>("setGraph", some-data-a, some-data-b);
}

一切都被执行了，我console.log的被召唤了。但目前似乎#weather-chart找不到我的元素，因为我得到了这个：

chartist.min.js:8 Uncaught TypeError: Cannot read property 'querySelectorAll' of null
    at Object.c.createSvg (chartist.min.js:8)
    at f.d [as createChart] (chartist.min.js:8)
    at f.h (chartist.min.js:8)

而且我的console.log (document....) 正在返回 null。

如果我转到此页面，我会遇到错误，并且如果在收到此错误后我window.setGraph([1,2,3], [[1,2,3]])在我的 chrome 开发人员工具中执行类似操作，则一切都已正确初始化。

那么我做错了什么？为什么chartist 似乎无法找到该元素？

4

1 回答 1

-1

看来 blazor 的数据绑定需要一些时间来显示 html。所以基本上在我设置_items之后，它正在更改模板，但对于此后的行来说不够快（不知道为什么，因为有一个等待）。

于 2018-10-11T12:16:11.813 回答