Overlap the image in StackedBar type of chart to all the series items based on specific value

Thread is closed for posting
2 posts, 0 answers
  1. Meenakshi Nagalingam
    Meenakshi Nagalingam avatar
    53 posts
    Member since:
    Aug 2009

    Posted 10 Jan 2013 Link to this post

    Hi Friends,

    We have requirement to display the image in the particular position of the every series item of StackedBarchart. When we tried this, the whole value of series item is changed as image. 

      foreach (ChartSeriesItem seriesItem in seriesGroup.Items) 
                  seriesItem.Appearance.FillStyle.FillSettings.BackgroundImage = "~/starimage.jpg"; 
                   seriesItem.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Image; 


    For your reference, required chart image file is attached.

    Please help us to achieve this functionality.


  2. MasterChiefMasterChef
    MasterChiefMasterChef avatar
    152 posts
    Member since:
    Jan 2013

    Posted 14 Jan 2013 Link to this post

    Hi K.Prabhu,

    It seems like your labels are shifting left and right when the image is added. This could be coming from the IntelligentLabelsEnabled property being set to true. You may be able to solve your problem by setting this property to false. 

    You may also want to try binding your image to the second series on the chart. You would then see the images line up at the far end of the RadChart as opposed to seeing the labels at random points in the chart.

    If this is not what you need, you may want to consider using a RadHTMLChart. This is a newer Chart available for Telerik's RadControls and it has much more flexibility when manipulating the labels of your Chart. You may want to give this demo a look to see if a RadHTMLChart may better suit your needs.

    Good luck,

Back to Top