Put the legend on the right of the graph (outside the graph)

Feb 9, 2012 at 10:03 AM

Hello !

I want to put the legend item outside the graph; so it does not occlude part of the graph.


So I see two possibilities to do that:

  • Create a different legend
    • Create a new legend "myLegend" and place at the desired position in the xaml form. 
    • Copy the data binding from the Legend of the Chartplotter. 
    • Hide the Legend of the ChartPlotter. 


  • Move the legend from the ChartPlotter
    • Access the legend from the ChartPlotter and move its position outside of the graph, if possible.

I want to do that programmatically if possible. I could not achieve any of the presented solution due to the lack of documentation and examples of the d3 library .... even if I like it

Best regards !

Thanks in advance !

Nov 28, 2012 at 1:00 PM

did you have success?

Dec 3, 2012 at 7:17 PM

I'd like to know as well :)

Dec 10, 2012 at 6:56 PM

Simple create a Legend control of your own.


Let each item in the legend be a legenditem. Each legenditem will consist of a line and a piece of text. Hook it up so it updates when a line is added/removed from the chart. You can place this control anywhere within or outside the chart. It is quite easy to implement.