Google Analytics İzleme

15 Ocak 2013

MVC 3 Razor - System.Web.Helpers.Chart helper ile grafik gösteriminde Y değerlerini gösterme

Bunun için custom theme kullanılması gerekmektedir. Option olarak dışarıdan set edilememektedir.

Örnek olarak grafikde Y value bilgisini gösteren theme bilgisi şu şekildedir:

Controller içideki kod:


public ActionResult GetChartImage()
        {


string tVanilla =
            @"<Chart Palette=""SemiTransparent"" BorderColor=""#000"" BorderWidth=""2"" BorderlineDashStyle=""Solid"">
                <ChartAreas>
                    <ChartArea _Template_=""All"" Name=""Default"">
                            <AxisX>
                                <MinorGrid Enabled=""False"" />
                                <MajorGrid Enabled=""False"" />
                            </AxisX>
                            <AxisY>
                                <MajorGrid Enabled=""False"" />
                                <MinorGrid Enabled=""False"" />
                            </AxisY>
                    </ChartArea>
                </ChartAreas>

                <Series>
                    <Series
                            _Template_=""All""
                            BorderWidth=""0""
                            LabelForeColor=""#000000""
                            LabelBackColor=""#FFFFFF""              
                            IsValueShownAsLabel=""true"" >
                    </Series>
                </Series>

                </Chart>";

new System.Web.Helpers.Chart(
                    width: 400
                    , height: 200
                    //, theme: ChartTheme.Blue
                    //, theme:ChartTheme.Vanilla
                    , theme:tVanilla
                    )
                .AddTitle("Ders Notları")
                .AddSeries(
                    chartType: "column"
                    //chartType: "bar"
                    , name:"Dersler"
                    , axisLabel:"Ders Adı"
                    , xValue: new[] {"Math", "English", "Computer", "Science1"}
                    , yValues: new[] {"80", "90", "78", "68"}
                 
                    )
                .Write("png");


return null;

}

View Razor kısmındaki kod:

<img src="@Url.Action("GetChartImage", new { dateTime=DateTime.Now.ToString("yyyyMMyyHHmmss") })" alt="" />




şeklinde kullanılabilir:

Kaynaklar:
http://stackoverflow.com/questions/10657538/applying-a-default-theme-to-a-chart-series
http://aspnetwebstack.codeplex.com/SourceControl/changeset/view/7e0749a2db9c#src/System.Web.Helpers/Chart/ChartTheme.cs




Hiç yorum yok: