C＃中代码隐藏的动态Plotly图

Question

我正在尝试创建一个动态创建基于动态更改文件的新图形图表的网页。 我无法使用ScriptManager.RegisterClientScriptBlock从代码隐藏访问绘图函数。 也许我从错误的方向接近这个，但这是我正在做的事情的要点。

代码隐藏：

    ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), "dayPop", "<script>doGraph();</script>", false);

HTML：

<div id="myDiv" style="width: 480px; height: 400px;"><!-- Plotly chart will be drawn inside this DIV --></div>

脚本：

    <script>
    var trace1 = {
        mode: 'lines',
        x: [1, 2, 3, 4],
        y: [10, 15, 13, 17]
    };

    var data = [trace1];

    //doGraph('myDiv');

    function doGraph() {
        var GRAPHONE = document.getElementById('myDiv');
        Plotly.newPlot(GRAPHONE, data);
    }
    </script>

当我使用注释掉的行而不是代码隐藏时，一切都很好。 也许有人有这方面的经验吗？

Answer 1

<script>
$( document ).ready(function() {
    doGraph();
});
</script>

问题是，我想你正在使用jquery，所以你的代码看起来应该像脚本一样。 在浏览器呈现div之前可以调用doGraph() ，因为你应该在加载页面后执行它。 如果不使用jquery，可以在body onload函数上附加此方法。 但我强烈建议你去研究一下jquery。