Query 1: The leftmost GridSplitter can be dragged outside the chart (into the yAxis labels), how can I prevent it from passing the yAxis?
We can able to prevent a splitter passing over the y axis by setting MinWidth of first ColumnDefinition as per the below code snippet.
Code Snippet [XAML]:
<ColumnDefinition Width="300" MinWidth="70"/>
Query 2: I'm changing the background of the chart upon click event, when I press the leftmost chart the background changes to all the chart (include the yAxis labels) and about a 1 cm from the bottom of the chart. How can I change the background of the chart itself - FastLineSeries area only. (like the picture I added in the first thread)?
We can able to achieve your requirement by setting AreaBackground instead of setting Background property as per the below code snippet.
Code Snippet [C#]:
if( ( sfc.Name == chart1.Name ) || ( sfc.Name == chart2.Name ) || ( sfc.Name == chart3.Name ) )
sfc.AreaBackground = Brushes.DarkBlue;
if( sfc.Name != chart1.Name )
chart1.AreaBackground = null;
We have prepared a demo sample based on this and it can be downloaded from below link,
Query 3: yAxis values are not correct for the 3 top charts, I'm not sure why.
We don’t have splitter support in SfChart, so we have used GridSplitter in Grid.ColumnDefinitions. Here each chart have separate y axis for rendering, so we are unable to share single y axis with multiple chart.
Please let us know if you have any queries.
Muneesh Kumar G