DotNet HighCharts ，用查询结果填充饼图

Question

我需要用查询（LINQ To SQL）结果的数据填充饼图，

问题是我无法在这段代码中添加 foreach 来插入我的数据，而不是静态的 Firefox、Chrome、IE 等...

        protected void Page_Load(object sender, EventArgs e)
        {
            //RepeaterVersionsForPie.DataSource = DAaccess.LibDataVersion.LibDataVersion.GetNumberOfCompaniesUsingEachVersions();
            //RepeaterVersionsForPie.DataBind();

            var test = DAaccess.LibDataVersion.LibDataVersion.GetNumberOfCompaniesUsingEachVersions();

            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 +' %'; }"
        },
        Point = new PlotOptionsPiePoint
        {
            Events = new PlotOptionsPiePointEvents
            {
                Click = "function() { alert (this.category +': '+ this.y); }"

            }
        }

    }
})
.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 }
                                           })
});
            ltrChart.Text = chart.ToHtmlString();







        }

实际上，我需要能够插入这样的东西：

foreach ( var item in test )
{
new object[] { item.name, item.count}
}

但是VS不允许我做这样的事情 预先感谢您的帮助...

Answer 1

您可以为 DAaccess.LibDataVersion.LibDataVersion.GetNumberOfCompaniesUsingEachVersions() 返回的任何类型创建一个扩展方法，并让它以饼形系列格式返回结果。

public static class DotNetHighChartsExtensions
{
    public static object[] ToPieChartSeries(this WhateverThatTypeIs data)
    {
        var returnObject = new List<object>();

        foreach ( var item in data )
        {
            returnObject.Add(new object[] { item.name, item.count});
        }

        return returnObject.ToArray();
    }
}

然后，在包含静态代码的代码中，只需将其替换为：

Data = new Data(test.ToPieChartSeries())

或者，您可以让 ToPieChartSeries 方法返回正在寻找的 Data 对象通过 Series 对象。

虽然我没有使用过这个 DotNet.HighCharts 项目，但我已经为几个 MVC 项目使用并构建了自己的 HighCharts 对象。从表面上看，这似乎最终做了与我相同的事情：创建一个可以序列化为 JSON 并由 HighCharts javascript 库识别的 .NET 对象。

Answer 2

SetSeries(new Series {
                Type = ChartTypes.Pie,
                Data = new Data(test.Select(d => new { Name = d.name, Y = d.count }).ToArray())
            })