Unable to set ColorField to specific colour on ScatterLine RadHTMLChart

3 posts, 0 answers
  1. Kyle
    Kyle avatar
    2 posts
    Member since:
    Jan 2015

    Posted 29 Jan 2015 Link to this post


    I am trying to set specific series to certain colours and they are not being set and just revert to the default colours chosen by Telerik.

    I am trying to set the specific colours with the following code:

                TimelineChart.PlotArea.Series[0].ColorField = "#8C1717";
                TimelineChart.PlotArea.Series[0].Name = "Very High Risks";
                TimelineChart.PlotArea.Series[1].ColorField = "red";
                TimelineChart.PlotArea.Series[1].Name = "High Risks";... and so forth

    This is not working although I believe it should.  If I change the names of the series, I get the desired changes, it is just the colours that are not the desired ones.  

    Any thoughts?

  2. Kyle
    Kyle avatar
    2 posts
    Member since:
    Jan 2015

    Posted 29 Jan 2015 in reply to Kyle Link to this post

    I am not even able to set the colour with the following

                       <telerik:ScatterLineSeries Name="High Risks" DataFieldX="Date" DataFieldY="hr" MissingValues="Interpolate" ColorField="Red">
                            <TooltipsAppearance Color="White" DataFormatString="{1} Vulnerabilities"></TooltipsAppearance>
                            <LabelsAppearance Visible="false">
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Danail Vasilev avatar
    1493 posts

    Posted 30 Jan 2015 Link to this post

    Hello Kyle,

    The ColorField property is used only for a data-bound chart and it must refer to a data source field that stores the colors for each item within a series. See how it is utilized in the HtmlChart - Conditional Item Colorization online demo.

    As for changing the color of the whole series you can use the following property:

                        <telerik:LineSeries DataFieldY="SellQuantity">
                            <Appearance FillStyle-BackgroundColor="Red"></Appearance>

    Danail Vasilev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top