Help in adding a border around the chart plot area

[Harindya]

 hi,

I'm new to chartfx and i need help on how to add a border around the chart plot area.

The API reference mentions that I can set a Datatemplate to Chart.PlotArea.FrameTemplate but i'm kind of stuck on gow to define a template that encolses the chat PlotArea.

Can anyone help me in the regard..

Many Thanks

Harindya

 

 

 

[JuanC]

Most of our styles (including the default) draw a border around the plot area. You might want to try switching styles

chart1.Style = ChartFX.WPF.Motifs.Simple.Style;

Instead of Simple you could also use Basic, Edge or Spotlight.

You can also change the palette in case the color used of the plot area border is not strong enough.

chart1.Palette = ChartFX.WPF.Palettes.Adventure;

Other palettes in the same namespace include Mesa, Primary and others. Finally you can control the plot area border color manually

chart1.PlotArea.Stroke = System.Windows.Media.Brushes.Red;

Regards,

JuanC

[Harindya]

 Dear JuanC

Many thanks for the reply.

Can you tell me if it is possible to add a Curved border around the plot area?

Regards

- Harindya

 

 

[JuanC]

The following xaml will use the basic chart style and customize the plot area frame template with a curved border.

<cfx:Chart Gallery="Bar" x:Name="chart1" Style="{x:Static cfxMotifs:Basic.Style}" > <cfx:Chart.PlotArea> <cfx:PlotAreaAttributes> <cfx:PlotAreaAttributes.FrameTemplate>   <DataTemplate>   <Border CornerRadius="8" Width="{Binding Path=Width}" Height="{Binding Path=Height}" Background="{Binding Path=Fill}" BorderBrush="{Binding Path=Stroke}" BorderThickness="{Binding Path=StrokeThickness}" />   </DataTemplate>   </cfx:PlotAreaAttributes.FrameTemplate>   </cfx:PlotAreaAttributes>  </cfx:Chart.PlotArea>

Note that to use the cfxMotif you would need the following namespace declaration at the root of your xaml

xmlns:cfxMotifs="clr-namespace:ChartFX.WPF.Motifs;assembly=ChartFX.WPF"

 

JuanC

[Harindya]

 Dear JuanC,

This worked perfectly, Thank you very much

 

- Harindya