Radhtml chart with different colors in columns

[Dayvee Jake]

Hi Community forum,

I am having a difficult problem with changing the colors of the columns. Here's my html  source

<telerik:RadHtmlChart ID="RadHtmlChart2" runat="server" DataSourceID="SqlDataMyStat">
                                        <PlotArea>
                                            <Series>
                                                <telerik:ColumnSeries DataFieldY="Activities" Name="Activities">
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="#30abf2" />
                                                    </Appearance>
                                                </telerik:ColumnSeries>
                                            </Series>
                                            <XAxis DataLabelsField="Status">
                                                <LabelsAppearance RotationAngle="60" />
                                                <TitleAppearance Text="Status" />


                                            </XAxis>
                                            <YAxis>
                                                <TitleAppearance Text="Activities" />

                                            </YAxis>
                                        </PlotArea>
                                        <Legend>
                                            <Appearance Visible="false" />
                                        </Legend>


                                    </telerik:RadHtmlChart>
                                                
                                                
                                            </XAxis>
                                            <YAxis>
                                                <TitleAppearance Text="Activities" />
                                                
                                            </YAxis>
                                        </PlotArea>
                                        <Legend>
                                            <Appearance Visible="false" />
                                        </Legend>

    </telerik:RadHtmlChart>

 

I would like to achieve that the Activities columns with respect to Status would be different colors per column parse..

here's the query from datasource

Status (x-axis)                                   Activities (y-axis)

Active                                                      30

On-Hold                                                   15

Closed                                                      19

 Thank you in advance for your kind suggestions/solutions...

 

 

 

[Danail Vasilev]

Hello Dayvee,

You should use the ColorField property of the series. See an example here - http://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/custombarcolor/defaultcs.aspx

Regards,
Danail Vasilev
Telerik