Question

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

我将dll添加到我的项目中，并在我的Page_Load事件中添加了一个示例代码来获取一个饼图（我现在没有使用MVC，所以我只是拿了演示控制器中的内容）< / p>

    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>

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

Answer 2

根据他们的示例，您需要使用行

将HTML发送到客户端

Response.Write(result);

它适用于我，虽然它打印在屏幕的顶部，我希望我可以设置它的位置。

使用DotNet HighCharts dll在代码中制作图表

2 个答案: