Использование DotNet HighCharts dll для создания диаграмм в коде

Question

Я только что обнаружил DotNetHighCharts dll для создания диаграмм: http://dotnethighcharts.codeplex.com/

Я добавил dll в свой проект и поместил пример кода, чтобы получить круговую диаграмму в моем событии 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 }
                                       })
        });

    }
}

}

проблема в том, что на моей странице появляется север с этим есть что добавить?Заранее спасибо

Answer 1

Я не знаком с библиотекой, но кажется, что весь этот код делает создание объекта внутри кода. Вам нужно будет что-то сделать, чтобы это отобразилось на странице.

Глядя на их пример кода за кодом, есть строка

ltrChart.Text = chart.ToHtmlString();

Это бит, который вам не хватает. Вам необходимо вызвать ToHtmlString () для вашего объекта диаграммы и присвоить эту строку литералу или заполнителю на странице.

Чтобы создать литерал, просто добавьте этот код где-нибудь на странице ....

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

... и ваш график должен появиться там.

Answer 2

Исходя из их примера, вам нужно отправить HTML-код на стороне клиента со строкой

Response.Write(result);

. Это работает для меня, хотя и печатает его в верхней части экрана, и мне хотелось бы установитьпозиция для этого.