Radhtml chart with different colors in columns

2 posts, 0 answers
  1. Dayvee Jake
    Dayvee Jake avatar
    1 posts
    Member since:
    Aug 2015

    Posted 19 Aug 2015 Link to this post

    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...

     

     

     

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 24 Aug 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top