как назначить разные цвета для разных баров в телерике RadHtmlChart - PullRequest
Новая
       37

как назначить разные цвета для разных баров в телерике RadHtmlChart

0 голосов
/ 22 февраля 2020

Я хочу назначить разные цвета различным полосам в зависимости от их значений. Ниже приведен код, который я пробовал до сих пор ... Asp. net Код: 

<telerik:RadHtmlChart ID="Chart1" Height="203px" DefaultType="StackedBar" Width="230px"
                                    SeriesOrientation="Vertical" runat="server" Transitions="true" Skin="Silk" Style="position: relative; border: 1px solid rgb(177, 177, 177); border-radius: 0px 0px 5px 5px; background: linear-gradient(rgb(232, 232, 232), rgb(255, 255, 255));">
                                    <PlotArea>
                                        <Series>
                                            <telerik:BarSeries Name="Name" DataFieldY="Value" Stacked="false">
                                                <LabelsAppearance DataFormatString="#,###,##0" Position="Center" />
                                                <TooltipsAppearance BackgroundColor="White" DataFormatString="{0}" />
                                                <Appearance>
                                                    <FillStyle BackgroundColor="#0077b2" />
                                                </Appearance>
                                            </telerik:BarSeries>
                                        </Series>
                                        <XAxis DataLabelsField="Name">
                                        </XAxis>
                                        <YAxis>
                                            <LabelsAppearance Visible="false" RotationAngle="35" DataFormatString="#,###,##0" />
                                        </YAxis>
                                    </PlotArea>
                                    <Legend>
                                        <Appearance Visible="false" />
                                    </Legend>
                                    <ChartTitle Text="">
                                        <Appearance>
                                            <TextStyle Bold="true" FontSize="16px"></TextStyle>
                                        </Appearance>
                                    </ChartTitle>
                                </telerik:RadHtmlChart>

C# Код: 

    protected void Button1_Click(object sender, EventArgs e)
{
    DataTable dt = objSustainableKPIsDtl.GetChart1(cmbCustomer.SelectedValue, cmbSupplier.SelectedValue);
    var list = new List<Drawing.Color>() { Drawing.Color.Red, Drawing.Color.Blue, Drawing.Color.Green };
    Chart1.DataSource = dt;
    Chart1.DataBind();
    foreach (ChartSeriesItem item in Chart1.PlotArea.Series(0).Items)
        item.Appearance.FillStyle.MainColor = list[new Random().Next(0, 2)];
}
...