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。