Here i have mentioned implementation of code. i created a custom control 'VSRadCartesianChart' and implemented some dependency control in it and generate the X,Y axis and line series are dynamically.
i applied Zoom&Par bar visible to both axis and applied style that that it only visible when zoom & par when applied.(other wise in normal case, it does it show).
Also , I have implemented 'CartesianGrid' in it and applied Y axis line visibility.
problem which are facing:
1. setting which applied in cartesian grid is not shown. it doesn't apply any style in it. (see the attached image)
2. Y-axis zoombar is not shown.
3. TargetType="chartView:PanZoomBar" style setting is not applied (controlling the visiblity of panzoombar based in property in viewmodel)
could you please give your feedback. it is urgent requirement.
<local:VSRadCartesianChart x:Name="Chart1" Zoom="{Binding Zoom }" PanOffset="{Binding PanOffset}" local:ChartViewDragDropBehaviour.IsEnabled="True" AllowDrop="True" >
<local:VSRadCartesianChart.Resources>
<Style TargetType="chartView:PanZoomBar">
<Setter Property="Visibility" Value="{Binding Path=IsZoomBarVisible Converter={StaticResource BoolToCollapsedConverter} }" />
</Style>
<Style x:Key="BorderStyle" TargetType="Border">
<Setter Property="Background" Value="#1B9DDE" />
</Style>
</local:VSRadCartesianChart.Resources>
---
---
---
<local:VSRadCartesianChart.Grid >
<telerik:CartesianChartGrid MajorLinesVisibility="Y" StripLinesVisibility="Y" >
<telerik:CartesianChartGrid.YStripeBrushes>
<SolidColorBrush Color="#FFD7D7D7" Opacity="0.3" />
<SolidColorBrush Color="Transparent" />
</telerik:CartesianChartGrid.YStripeBrushes>
</telerik:CartesianChartGrid>
</local:VSRadCartesianChart.Grid>
<local:VSRadCartesianChart.LinearSeriesSource>
<Binding Path="ChartList" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged" />
</local:VSRadCartesianChart.LinearSeriesSource>
<local:VSRadCartesianChart.Behaviors >
<telerik:ChartPanAndZoomBehavior ZoomMode="Both" PanMode="Both" >
</telerik:ChartPanAndZoomBehavior>
</local:VSRadCartesianChart.Behaviors>
</local:VSRadCartesianChart>
i applied Zoom&Par bar visible to both axis and applied style that that it only visible when zoom & par when applied.(other wise in normal case, it does it show).
Also , I have implemented 'CartesianGrid' in it and applied Y axis line visibility.
problem which are facing:
1. setting which applied in cartesian grid is not shown. it doesn't apply any style in it. (see the attached image)
2. Y-axis zoombar is not shown.
3. TargetType="chartView:PanZoomBar" style setting is not applied (controlling the visiblity of panzoombar based in property in viewmodel)
could you please give your feedback. it is urgent requirement.
<local:VSRadCartesianChart x:Name="Chart1" Zoom="{Binding Zoom }" PanOffset="{Binding PanOffset}" local:ChartViewDragDropBehaviour.IsEnabled="True" AllowDrop="True" >
<local:VSRadCartesianChart.Resources>
<Style TargetType="chartView:PanZoomBar">
<Setter Property="Visibility" Value="{Binding Path=IsZoomBarVisible Converter={StaticResource BoolToCollapsedConverter} }" />
</Style>
<Style x:Key="BorderStyle" TargetType="Border">
<Setter Property="Background" Value="#1B9DDE" />
</Style>
</local:VSRadCartesianChart.Resources>
---
---
---
<local:VSRadCartesianChart.Grid >
<telerik:CartesianChartGrid MajorLinesVisibility="Y" StripLinesVisibility="Y" >
<telerik:CartesianChartGrid.YStripeBrushes>
<SolidColorBrush Color="#FFD7D7D7" Opacity="0.3" />
<SolidColorBrush Color="Transparent" />
</telerik:CartesianChartGrid.YStripeBrushes>
</telerik:CartesianChartGrid>
</local:VSRadCartesianChart.Grid>
<local:VSRadCartesianChart.LinearSeriesSource>
<Binding Path="ChartList" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged" />
</local:VSRadCartesianChart.LinearSeriesSource>
<local:VSRadCartesianChart.Behaviors >
<telerik:ChartPanAndZoomBehavior ZoomMode="Both" PanMode="Both" >
</telerik:ChartPanAndZoomBehavior>
</local:VSRadCartesianChart.Behaviors>
</local:VSRadCartesianChart>