Hello,
I created the following chart :
The strange thing is the height of the column does not really reflect the difference data
And it seems like there is no dependency between two columns (Orange and Blue(
Cases where there is a difference of half the information is it not displays correctly at t he charts.
I mark the states with red circling at the attached picture
How can I solve this problem?
Thanks,
Aviv
I created the following chart :
<
telerik:RadChart
x:Name
=
"ReportChart"
ItemsSource
=
"{Binding PaymentsPerDateCollection}"
LegendStyle
=
"{StaticResource chartLegend}"
Visibility
=
"{Binding IsPaymentsPerDateChartVisible,Converter={StaticResource boolToVisibilityConverter}}"
>
<
telerik:RadChart.SeriesMappings
>
<
telerik:SeriesMapping
LegendLabel
=
"{Binding AppStrings.PaidAmount, Source={StaticResource StringsLocator}}"
>
<
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:BarSeriesDefinition
ItemLabelFormat
=
"#Y{C0}"
ItemStyle
=
"{StaticResource paymentBarStyle}"
SeriesItemLabelStyle
=
"{StaticResource labelStyle}"
/>
</
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:SeriesMapping.ItemMappings
>
<
telerik:ItemMapping
DataPointMember
=
"YValue"
FieldName
=
"PaymentAmount"
/>
<
telerik:ItemMapping
DataPointMember
=
"XCategory"
FieldName
=
"HandledOn"
/>
</
telerik:SeriesMapping.ItemMappings
>
</
telerik:SeriesMapping
>
<
telerik:SeriesMapping
LegendLabel
=
"{Binding AppStrings.DepositAmount, Source={StaticResource StringsLocator}}"
>
<
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:BarSeriesDefinition
AxisName
=
"Secondary"
ItemLabelFormat
=
"#Y{C0}"
ItemStyle
=
"{StaticResource depositBarStyle}"
SeriesItemLabelStyle
=
"{StaticResource labelStyle}"
/>
</
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:SeriesMapping.ItemMappings
>
<
telerik:ItemMapping
DataPointMember
=
"YValue"
FieldName
=
"DepositAmount"
/>
<
telerik:ItemMapping
DataPointMember
=
"XCategory"
FieldName
=
"HandledOn"
/>
</
telerik:SeriesMapping.ItemMappings
>
</
telerik:SeriesMapping
>
</
telerik:RadChart.SeriesMappings
>
<
telerik:RadChart.DefaultView
>
<
telerik:ChartDefaultView
ChartLegendPosition
=
"Top"
>
<!-- Title -->
<
telerik:ChartDefaultView.ChartTitle
>
<
telerik:ChartTitle
Visibility
=
"Collapsed"
/>
</
telerik:ChartDefaultView.ChartTitle
>
<!-- Legend -->
<
telerik:ChartDefaultView.ChartLegend
>
<
telerik:ChartLegend
>
<
telerik:ChartLegendItem
Background
=
"#25A0DA"
Label
=
"{Binding AppStrings.PaidAmount, Source={StaticResource StringsLocator}}"
/>
<
telerik:ChartLegendItem
Background
=
"#EB7A2A"
Label
=
"{Binding AppStrings.DepositAmount, Source={StaticResource StringsLocator}}"
/>
</
telerik:ChartLegend
>
</
telerik:ChartDefaultView.ChartLegend
>
<!-- ChartArea -->
<
telerik:ChartDefaultView.ChartArea
>
<
telerik:ChartArea
ItemWidthPercent
=
"30"
LabelFormatBehavior
=
"Scientific"
SmartLabelsEnabled
=
"True"
>
<!-- Axis X -->
<
telerik:ChartArea.AxisX
>
<
telerik:AxisX
DefaultLabelFormat
=
"MMM-yyyy"
IsDateTime
=
"True"
LabelRotationAngle
=
"-25"
LayoutMode
=
"Inside"
>
</
telerik:AxisX
>
</
telerik:ChartArea.AxisX
>
<!-- Axis Y -->
<
telerik:ChartArea.AxisY
>
<
telerik:AxisY
DefaultLabelFormat
=
"c"
ExtendDirection
=
"None"
Visibility
=
"Collapsed"
/>
</
telerik:ChartArea.AxisY
>
<!-- Axis AdditionalYAxes -->
<
telerik:ChartArea.AdditionalYAxes
>
<
telerik:AxisY
AxisName
=
"Secondary"
DefaultLabelFormat
=
"c"
ExtendDirection
=
"None"
Visibility
=
"Collapsed"
>
</
telerik:AxisY
>
</
telerik:ChartArea.AdditionalYAxes
>
</
telerik:ChartArea
>
</
telerik:ChartDefaultView.ChartArea
>
</
telerik:ChartDefaultView
>
</
telerik:RadChart.DefaultView
>
</
telerik:RadChart
>
The strange thing is the height of the column does not really reflect the difference data
And it seems like there is no dependency between two columns (Orange and Blue(
Cases where there is a difference of half the information is it not displays correctly at t he charts.
I mark the states with red circling at the attached picture
How can I solve this problem?
Thanks,
Aviv