SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, and iOS Chart & Android Chart Components

Welcome to the SciChart Community Forums!

Please use the forums below to ask questions about SciChart. Take a moment to read our Question asking guidelines on how to ask a good question and our support policy. We also have a tag=SciChart on where you can earn rep for your questions!

Please note: SciChart team will only answer questions from customers with active support subscriptions. Expired support questions will be ignored. If your support status shows incorrectly, contact us and we will be glad to help.


Hey guys,

i’m evaluating some wpf chart frameworks for our company.

Our goal is to get a heatmap with a custom image as background (e.g. a sports ground). Is there any possibility to achive this goal with scichart?


  • You must to post comments

Hi there,

Interesting requirement you have there! Yes I think you can do this. Try using a Custom Annotation. The Create Annotations Dynamically example shows how to insert an image inside a CustomAnnotation type.

  • You will need to set CoordinateMode = CoordinateMode.Relative, AnnotationCanvas = AnnotationCanvas.BelowChart and X1, Y1 = 0.
  • You will also need to listen to SizeChanged events of the parent SciChartSurface and resize the CustomAnnotation (width, height) to fit.
  • Ensure your CustomAnnotation.Width matches the SciChartSurface.ModifierSurface.Width and CustomAnnotation.Height matches the SciChartSurface.ModifierSurface.Height.



  • schulz.d
    Thanks for your fast reply. I will have a try and let you know how it works.
  • schulz.d
    Hey Andrew, thanks for the help. the suggested way works well and is easy to implement. I still have another question on the topic. Is there any way to get the zero values in the heatmap as transparent cells. Thx
  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.