如何从Razor变量指定数组到Dygraph

Question

我在Session [“ PnlDataForChart”]中有适当格式的字符串[]

但是我无法在Dygraph中显示它们。 我试图检查dataArray，但是在VS调试器中看不到它，并且不确定如何在Firebug中进行操作。

Dygraph是否已正确设置？

从页面来源：

        var dataArray = [];
                <div>
        dataArray.push("Date,Pnl");
        </div>
                <div>
        dataArray.push("2016/11/01 01:01,0.0000");
        </div>
                <div>
        dataArray.push("2016/11/01 01:02,0.0000");
        </div>
                <div>
        dataArray.push("2016/11/01 01:03,0.0000");
        </div>
                <div>
        dataArray.push("2016/11/01 01:04,0.0000");
        </div>
                <div>
        dataArray.push("2016/11/01 01:05,0.0000");
        </div>
                <div>
        dataArray.push("2016/11/01 01:06,0.0000");
        </div>

从“查看”页面：

<div id="ExportDiv">

    <script type="text/javascript"
            src="dygraph-combined-dev.js"></script>

    <div id="graphdiv"></div>

    </script>
    <script type="text/javascript">
        var dataArray = [];
        @{
            foreach (var line in (string[])Session["PnlDataForChart"])
            {
                <div>
                dataArray.push("@line");
                </div>
            }
        }

        g = new Dygraph(
          document.getElementById("graphdiv"),
          dataArray
        );
    </script>
</div>

Answer 1

您的代码中有很多混乱。 只是一些错误：

1. 在<div id="graphdiv"></div>您将拥有</script> ，这是不必要的。
2. 在foreach循环中，因为您在<script></script>块中，所以不能放置<div></div> 。 在脚本块中，您只能使用JavaScript语法！
3. 要从foreach循环访问js变量，您必须使用@：语法，因此您应采用以下方式： @:dataArray.push("@line");

这是整个解决方案的外观：

控制器：

var dataArray = new string[] {
    "Date,Temperature",
    "2008-05-07,75",
    "2008-05-08,70",
    "2008-05-09,80"
};

Session["PnlDataForChart"] = dataArray;

并查看：

<script src="~/Scripts/dygraph.js"></script>

<div id="ExportDiv">
    <div id="graphdiv"></div>
</div>

<script type="text/javascript">
    var dataArray = [];

    @{
        foreach (var line in (string[])Session["PnlDataForChart"])
        {
            @:dataArray.push("@line");
        }
    }

    g = new Dygraph(document.getElementById("graphdiv"), dataArray.join('\n'));
</script>