Pie chart border

Thread is closed for posting
4 posts, 0 answers
  1. Adrian
    Adrian avatar
    3 posts
    Member since:
    Aug 2012

    Posted 27 Aug 2012 Link to this post

    Hi,
    I'm trying to change the color of the border of the sectors in this pie chart from the light-blue it seems to be defaulting to.
    How do I access the property to make the change?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 28 Aug 2012 Link to this post

    Hi Adrian,

    Try setting Appearance-Border-Color property of ChartSeries to achieve your scenario.

    ASPX:
    <telerik:RadChart ID="RadChart1" runat="server" SkinsOverrideStyles="true" Width="600px">
        ..........
      <Series>
        <telerik:ChartSeries Name="Series 1" Type="Pie" Appearance-Border-Color="Red">
           <Items>
             ...........
           </Items>
        </telerik:ChartSeries>
      </Series>
    </telerik:RadChart>

    Hope this help.

    Regards,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Adrian
    Adrian avatar
    3 posts
    Member since:
    Aug 2012

    Posted 28 Aug 2012 Link to this post

    Thanks it worked. Just as a follow up, I also need to change the fill type on the pie sectors which are all defaulted to gradient, but I need them to be solid.  The code I'm trying is this:

     Protected Sub ConfigureChart(ByVal dt As DataTable, ByVal thechart As Telerik.Web.UI.RadChart, ByVal x_colname As String, ByVal y_colname As String)
            Dim chartseries As New ChartSeries
            chartseries.Type = ChartSeriesType.Pie
            
            chartseries.Appearance.Border.Color = Drawing.Color.White
            
            For Each item In chartseries.Items
                item.Appearance.FillStyle.MainColor = Drawing.Color.Lime
                item.Appearance.FillStyle.FillType = Styles.FillType.Solid
                
            Next
                        
            chartseries.DataLabelsColumn = x_colname
            chartseries.DataYColumn = y_colname
            chartseries.Appearance.LegendDisplayMode = ChartSeriesLegendDisplayMode.ItemLabels
            'chartseries.Appearance.ShowLabelConnectors = True
            chartseries.Appearance.ShowLabels = False
                    
            thechart.Series.Add(chartseries)
            
            thechart.Appearance.FillStyle.FillType = Styles.FillType.Solid
            thechart.DataSource = dt
            thechart.DataBind()
            
            
        End Sub
  5. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 31 Aug 2012 Link to this post

    Hi Adrian,

    You may need to use SkinsOverrideStyles=false, so that you can your own settings are getting applied (the default skin will not override them). If this is not of help to you, could you prepare a small project that we can use to inspect what's preventing the settings to be applied on our side?

    Greetings,
    Evgenia
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top