利用DotNet HighCharts动态链接库在后台代码中制作图表

Question

我刚刚发现了用来制作图表的DotNetHighCharts dll：http://dotnethighcharts.codeplex.com/

我将动态链接库添加到我的项目中，并在我的Page_Load事件中放入了一个示例代码(我现在没有使用MVC，所以我只是采用了演示控制器中的内容)

    protected void Page_Load(object sender, EventArgs e)
    {
        Highcharts chart = new Highcharts("chart")
        .InitChart(new Chart { PlotShadow = false })
        .SetTitle(new Title { Text = "Browser market shares at a specific website, 2010" })
        .SetTooltip(new Tooltip { Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; }" })
        .SetPlotOptions(new PlotOptions
        {
            Pie = new PlotOptionsPie
            {
                AllowPointSelect = true,
                Cursor = Cursors.Pointer,
                DataLabels = new PlotOptionsPieDataLabels
                {
                    Color = ColorTranslator.FromHtml("#000000"),
                    ConnectorColor = ColorTranslator.FromHtml("#000000"),
                    Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; }"
                }
            }
        })
        .SetSeries(new Series
        {
            Type = ChartTypes.Pie,
            Name = "Browser share",
            Data = new Data(new object[]
                                       {
                                           new object[] { "Firefox", 45.0 },
                                           new object[] { "IE", 26.8 },
                                           new DotNet.Highcharts.Options.Point
                                           {
                                               Name = "Chrome",
                                               Y = 12.8,
                                               Sliced = true,
                                               Selected = true
                                           },
                                           new object[] { "Safari", 8.5 },
                                           new object[] { "Opera", 6.2 },
                                           new object[] { "Others", 0.7 }
                                       })
        });

    }
}

}

问题是northing出现在我的页面上，有什么需要添加的吗？提前感谢

Answer 1

我对这个库并不熟悉，但这段代码似乎所做的就是在后台代码中创建一个对象。您需要做些什么才能将其呈现到页面中。

查看代码背后的示例代码时，有一行

ltrChart.Text = chart.ToHtmlString();

这就是你所缺少的部分。您需要对图表对象调用ToHtmlString()，并将此字符串分配给页面中的文字或占位符。

要创建文字，只需在页面上的某处添加以下代码...

<asp:Literal ID="ltrChart" runat="server"></asp:Literal>

...and你的图表应该出现在那里。

Answer 2

根据他们的示例，您需要使用下面的代码行将HTML发送到客户端

Response.Write(result);

它对我是有效的，尽管它在屏幕的顶部打印它，我希望我能为它设置位置。