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">
                                                    <telerik:ColumnSeries DataFieldY="Activities" Name="Activities">
                                                            <FillStyle BackgroundColor="#30abf2" />
                                                <XAxis DataLabelsField="Status">
                                                    <LabelsAppearance RotationAngle="60" />
                                                    <TitleAppearance Text="Status" />

                                                    <TitleAppearance Text="Activities" />

                                                <Appearance Visible="false" />

                                                    <TitleAppearance Text="Activities" />
                                                <Appearance Visible="false" />



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

    Danail Vasilev
    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