c# - 使用 DotNet HighCharts dll 在代码隐藏中制作图表

Question

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

我将 dll 添加到我的项目中，并在我的 Page_Load 事件中添加了一个示例代码来获取饼图(我现在没有使用 MVC，所以我只是采用了演示 Controller 中的内容)

    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 }
                                       })
        });

    }
}

}

问题是北移出现在我的页面中 有什么要补充的吗？ 提前致谢

Answer 1

我不熟悉这个库，但所有这些代码似乎都是在后面的代码中创建一个对象。您需要执行一些操作才能将其呈现到页面中。

查看他们的示例代码，代码后面有一行

ltrChart.Text = chart.ToHtmlString();

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

要创建文字，只需将此代码添加到页面上的某个位置......

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

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