So richten Sie Text in der Y-Achse, anstelle von Zahlen, in einer RadChart Komponente von Telerik mit Bar-Typ

Question

Ich habe eine Bar RadChart mit "SeriesOrientation =" Horizontal "" gemacht.

Ich habe den Text am Ende für jeden Balken zeigt, sondern würde Ich mag, dass Text angegebenen in der y-Achse zu sein, statt dem 1,2,3 .. Zahlen.

Es scheint, als ob ich keinen Text in der y-Achse eingestellt, damit ist es eine Eigenschaft I einstellen kann?

Hier ist mein Code snippes: === .ascx ===

    <div>
        <asp:ScriptManager ID="ScriptManager" runat="server" />

        <asp:UpdatePanel  ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <telerik:RadChart ID="RadChart1" runat="server"
                    Skin="WebBlue" AutoLayout="true" Height="350px" Width="680px" SeriesOrientation="Horizontal">
                    <Series>
                        <telerik:ChartSeries DataYColumn="UnitPrice" Name="Product Unit Price">
                        </telerik:ChartSeries>
                    </Series>
                    <PlotArea>
                        <YAxis>
                            <Appearance>
                                <TextAppearance TextProperties-Font="Verdana, 8.25pt, style=Bold" />
                            </Appearance>
                        </YAxis>
                        <XAxis DataLabelsColumn="TenMostExpensiveProducts">
                        </XAxis>
                    </PlotArea>
                    <ChartTitle>
                        <TextBlock Text="Ten Most Expensive Products" />
                    </ChartTitle>
                </telerik:RadChart>
            </ContentTemplate>
        </asp:UpdatePanel>
</div>

=========================

=== .ascx ===
        protected void Page_Load(object sender, EventArgs e)
        {
            RadChart1.AutoLayout = false;
            RadChart1.Legend.Visible = false;

            // Create a ChartSeries and assign its name and chart type
            ChartSeries chartSeries = new ChartSeries();
            chartSeries.Name = "Name";
            chartSeries.Type = ChartSeriesType.Bar;

            // add new items to the series,
            // passing a value and a label string
            chartSeries.AddItem(98, "Product1");
            chartSeries.AddItem(95, "Product2");
            chartSeries.AddItem(100, "Product3");
            chartSeries.AddItem(75, "Product4");
            chartSeries.AddItem(1, "Product5");

            // add the series to the RadChart Series collection
            RadChart1.Series.Add(chartSeries);
            // add the RadChart to the page.
            //                this.Page.Controls.Add(RadChart1);

            //            RadChart1.Series[0].Appearance.LegendDisplayMode = ChartSeriesLegendDisplayMode.Nothing;
            //            RadChart1.Series[0].DataYColumn = "Uptime";
            RadChart1.PlotArea.XAxis.DataLabelsColumn = "Name";
            RadChart1.PlotArea.XAxis.Appearance.TextAppearance.TextProperties.Font = new System.Drawing.Font("Verdana", 8);
            RadChart1.BackColor = System.Drawing.Color.White;
            RadChart1.Height = 350;
            RadChart1.Width = 570;
            RadChart1.DataBind();
        }

============ Ich mag den Text haben. "Product1", "Product2" usw. in der y-Achse

Kann mir jemand helfen?

Answer 1

Sie müssen das Diagramm binden - die Datasource-Eigenschaft und rufen Sie DataBind (). Sie werden nicht aufrufen müssen chartSeries.AddItem (). DataBind () die Einzelteile für Sie hinzufügen. Die Datenquelle kann eine Datentabelle mit zwei Spalten sein - „Einzelpreis“ und „TenMostExpensiveProducts“. Sehen Sie, das sind die Namen, die Sie DataYColumn in der Serie und DataLabelsColumn in XAxis gesetzt.