White Line in Stacked Chart

1 Answer 37 Views
ChartView
Daniel
Top achievements
Rank 1
Daniel asked on 11 Jun 2021, 08:31 AM

We are using RadChartView to display some complex data. The requirement is to have a stacked column with 4 stacks above 0, 4 columns stacked below 0 and those need to have categories.

In XAML Code this looks like this:


<telerik:RadCartesianChart Tag="Text">
                    <telerik:RadCartesianChart.Grid> 
                        <telerik:CartesianChartGrid MajorLinesVisibility="Y" /> 
                    </telerik:RadCartesianChart.Grid> 
                    <telerik:RadCartesianChart.HorizontalAxis> 
                        <telerik:CategoricalAxis FontSize="11" LabelRotationAngle="45" LabelFitMode="Rotate" SmartLabelsMode="SmartStep"  /> 
                    </telerik:RadCartesianChart.HorizontalAxis> 
                    <telerik:RadCartesianChart.VerticalAxis> 
                        <telerik:LinearAxis LabelFormat="N2" SmartLabelsMode="SmartStep" /> 
                    </telerik:RadCartesianChart.VerticalAxis>
                    <telerik:RadCartesianChart.Series>
                        <telerik:BarSeries x:Name="CrNoScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrNoScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrNoScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrNoScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrLowScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrLowScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrLowScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrLowScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrMediumScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrMediumScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrMediumScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrMediumScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrHighScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrHighScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="CrHighScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrHighScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbNoScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbNoScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbNoScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbNoScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbLowScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbLowScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbLowScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbLowScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbMediumScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbMediumScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbMediumScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbMediumScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbHighScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbHighScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerik:BarSeries x:Name="DbHighScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbHighScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <telerikChartView:LineSeries ItemsSource="{Binding ChartDatas}" 
                                                     CategoryBinding="TextShort" 
                                                     ValueBinding="Count"
                                                     ToolTip="{}{Text}&#x0a;Anzahl: {y:n0}"
                                                     x:Name="Count">
                            <telerikChartView:LineSeries.StrokeShapeStyle> 
                                <Style TargetType="Path"> 
                                    <Setter Property="Stroke" Value="{StaticResource Anzahl}"/> 
                                    <Setter Property="StrokeThickness" Value="2"/> 
                                </Style> 
                            </telerikChartView:LineSeries.StrokeShapeStyle>
                            <telerikChartView:LineSeries.PointTemplate>
                                <DataTemplate> 
                                    <Rectangle Height="7" Width="7" Fill="{StaticResource Anzahl}" /> 
                                </DataTemplate> 
                            </telerikChartView:LineSeries.PointTemplate>
                            <telerikChartView:LineSeries.VerticalAxis>
                                <telerik:LinearAxis HorizontalLocation="Right"/>
                            </telerikChartView:LineSeries.VerticalAxis>
                            <telerikChartView:LineSeries.DefaultVisualStyle> 
                                <Style TargetType="Path">
                                    <Setter Property="Width" Value="10" /> 
                                    <Setter Property="Height" Value="10" /> 
                                    <Setter Property="Stroke" Value="{StaticResource Anzahl}" />
                                </Style> 
                            </telerikChartView:LineSeries.DefaultVisualStyle> 
                        </telerikChartView:LineSeries>
                    </telerik:RadCartesianChart.Series>
                </telerik:RadCartesianChart>

I attach the chart as an image to this post. You can see there is a white line with around 1 pixel on every column. i can further say the border Y position and height make this white line.

The second clue i can give is that once i remove the negative series or make their value 0, the line is gone.

for example:


<DataTemplate x:Key="ElementCrDbColumnChart"
                          DataType="{x:Type charts:ChartDataContext}">
                <telerik:RadCartesianChart Tag="Text">
                    <telerik:RadCartesianChart.Grid> 
                        <telerik:CartesianChartGrid MajorLinesVisibility="Y" /> 
                    </telerik:RadCartesianChart.Grid> 
                    <telerik:RadCartesianChart.HorizontalAxis> 
                        <telerik:CategoricalAxis FontSize="11" LabelRotationAngle="45" LabelFitMode="Rotate" SmartLabelsMode="SmartStep"  /> 
                    </telerik:RadCartesianChart.HorizontalAxis> 
                    <telerik:RadCartesianChart.VerticalAxis> 
                        <telerik:LinearAxis LabelFormat="N2" SmartLabelsMode="SmartStep" /> 
                    </telerik:RadCartesianChart.VerticalAxis>
                    <telerik:RadCartesianChart.Series>
                        <telerik:BarSeries x:Name="CrNoScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrNoScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="CrNoScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrNoScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="CrLowScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrLowScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="CrLowScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrLowScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="CrMediumScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrMediumScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="CrMediumScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrMediumScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="CrHighScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrHighScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="CrHighScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Cr"
                                           CombineMode="Stack"
                                           ValueBinding="CrHighScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource SollHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="DbNoScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbNoScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="DbNoScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbNoScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenNo}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="DbLowScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbLowScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="DbLowScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbLowScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenLow}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="DbMediumScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbMediumScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="DbMediumScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbMediumScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenMedium}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerik:BarSeries x:Name="DbHighScoreColumn"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbHighScore"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>
                        <!--<telerik:BarSeries x:Name="DbHighScoreColumnNegative"
                                           ToolTip="{}{Text}&#x0a;Summe: {y:n2}"
                                           ItemsSource="{Binding ChartDatas}" 
                                           CategoryBinding="TextShort"
                                           StackGroupKey="Db"
                                           CombineMode="Stack"
                                           ValueBinding="DbHighScoreNegative"
                                           PaletteMode="Series" >
                            <telerik:BarSeries.DefaultVisualStyle>
                                <Style TargetType="Border">
                                    <Setter Property="Padding" Value="1" />
                                    <Setter Property="BorderThickness" Value="1,0" />
                                    <Setter Property="Background" Value="{StaticResource HabenHigh}" />
                                </Style>
                            </telerik:BarSeries.DefaultVisualStyle>
                        </telerik:BarSeries>-->
                        <telerikChartView:LineSeries ItemsSource="{Binding ChartDatas}" 
                                                     CategoryBinding="TextShort" 
                                                     ValueBinding="Count"
                                                     ToolTip="{}{Text}&#x0a;Anzahl: {y:n0}"
                                                     x:Name="Count">
                            <telerikChartView:LineSeries.StrokeShapeStyle> 
                                <Style TargetType="Path"> 
                                    <Setter Property="Stroke" Value="{StaticResource Anzahl}"/> 
                                    <Setter Property="StrokeThickness" Value="2"/> 
                                </Style> 
                            </telerikChartView:LineSeries.StrokeShapeStyle>
                            <telerikChartView:LineSeries.PointTemplate>
                                <DataTemplate> 
                                    <Rectangle Height="7" Width="7" Fill="{StaticResource Anzahl}" /> 
                                </DataTemplate> 
                            </telerikChartView:LineSeries.PointTemplate>
                            <telerikChartView:LineSeries.VerticalAxis>
                                <telerik:LinearAxis HorizontalLocation="Right"/>
                            </telerikChartView:LineSeries.VerticalAxis>
                            <telerikChartView:LineSeries.DefaultVisualStyle> 
                                <Style TargetType="Path">
                                    <Setter Property="Width" Value="10" /> 
                                    <Setter Property="Height" Value="10" /> 
                                    <Setter Property="Stroke" Value="{StaticResource Anzahl}" />
                                </Style> 
                            </telerikChartView:LineSeries.DefaultVisualStyle> 
                        </telerikChartView:LineSeries>
                    </telerik:RadCartesianChart.Series>
                </telerik:RadCartesianChart>
            </DataTemplate>

result in a chart with no white line. the same data. everything the same except for the barseries.

As a second side question: why is the line series not drawn? Any idea - it worked and some day without changes it disappeared and only the points are still drawn.

 

i hope we can get some solution here soon. we need this to work under any circumstances and with alle the above mentioned requirements. since we have telerik and componentone licences we will try to use their chart control for the time being but i would really want to use telerik if possible.

1 Answer, 1 is accepted

Sort by
1
Accepted
Martin Ivanov
Telerik team
answered on 15 Jun 2021, 11:53 AM

Hello Daniel,

The issue with the white line between the bars is known. You can find it logged in our feedback portal. To work this around, you can use RangeBarSeries instead of stacked BarSeries.

About the missing line of the LineSeries, I recommend you to check the Missing Controls in the UI and Styling the Controls articles. If this doesn't help can you attach a sample project showing this issue?

Regards,
Martin Ivanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Daniel
Top achievements
Rank 1
commented on 18 Jun 2021, 08:32 AM

Thank you for the reply. We will go with the ComponentOne Control if they manage to do it without bugs. If they are also not able to deliver i will see and come back maybe.
Martin Ivanov
Telerik team
commented on 28 Jun 2021, 10:36 AM

This is already fixed in the latest internal build. Please give the LIB version a try and see if it helps on your side.
Thoerle
Top achievements
Rank 1
commented on 19 Jul 2021, 09:19 AM | edited

Thank you for the fix. We tried the LIB version and we can confirm that the problem is fixed and works now. We will stick with this LIB version until a new stable version with the fix is released.
Martin Ivanov
Telerik team
commented on 19 Jul 2021, 10:31 AM

Great to hear this.
Tags
ChartView
Asked by
Daniel
Top achievements
Rank 1
Answers by
Martin Ivanov
Telerik team
Share this question
or