从代码隐藏中设置数据以在Asp.net中显示图表

Question

我试图在图片下面显示一个图形。我可以在javascript中使用虚拟值填充它，但是无法使用我在java脚本后面的代码中的实际值来填充它。

以下是使用虚拟数据生成下面显示的图形的javascript代码

 //chart with points
        if ($("#sincos").length) {
            var sin = [], cos = [];

            for (var i = 0; i < 64; i += 0.5) {
                sin.push([i, Math.sin(i) / i]);
                cos.push([i, Math.cos(i)]);
            }

            var plot = $.plot($("#sincos"),
                [
                    { data: sin, label: "Estimated Time"},
                    { data: cos, label: "Actual Time" }
                ], {
                    series: {
                        lines: { show: true  },
                        points: { show: true }
                    },
                    grid: { hoverable: true, clickable: true, backgroundColor: { colors: ["#fff", "#eee"] } },
                    yaxis: { min: -1.2, max: 1.2 },
                    colors: ["#539F2E", "#3C67A5"]
                });}

sin，cos数组正在上面用虚拟数据填充for循环。

现在我要绘制的真实数据是这样的 Project ref＃（字符串），估计时间（整数），实际时间（整数）。

我想填充预定时间与项目参考＃的实际时间。 Ref＃将出现在x轴上，而时间应出现在y轴上。

我想从后面的代码中序列化这些数据，并将其填入图表中，就像在虚拟数据中完成一样。我怎样才能做到这一点？