I have tried to implement a line chart along with Notes,. but the problem arises when 2 notes are very close to each other they overlap and are not readable. I tried adding margin but could not achieve a good result even with rotation it looks very absurd.
I am trying to figure out a way where I can display the notes in one series alternatively top or down. But I can't find anything. I only got an option to display notes top or down per series. Need help with this?
Or if any other way I can achieve it with a readable format
GroupLvl | Xcat | Planned | Actual |
CENTRAL | NOV | 30 | 45 |
CENTRAL | OCT | 0 | 1 |
CENTRAL | SEP | 0 | 0 |
CENTRAL | YTD | 0 | 1 |
SOUTHEAST | APR | 0 | 1 |
SOUTHEAST | AUG | 1 | 0 |
SOUTHEAST | DEC | 1173 | 6840 |
TENNESSEE/KENTUCKY | NOV | 3560 | 3231 |
TENNESSEE/KENTUCKY | OCT | 2126 | 3869 |
TENNESSEE/KENTUCKY | SEP | 2756 | 2174 |
TENNESSEE/KENTUCKY | YTD | 1537 | 2634 |
<
telerik:RadChart
x:Name
=
"CxPerformance"
ItemsSource
=
"{Binding CurrentCXCompletedProjectPerformances, Mode=TwoWay}"
VerticalAlignment
=
"Top"
Margin
=
"2"
Grid.Column
=
"0"
telerik:StyleManager.Theme
=
"Windows7"
>
<
telerik:RadChart.DefaultView
>
<
telerik:ChartDefaultView
>
<
telerik:ChartDefaultView.ChartTitle
>
<
telerik:ChartTitle
Content
=
"Project Performance"
/>
</
telerik:ChartDefaultView.ChartTitle
>
</
telerik:ChartDefaultView
>
</
telerik:RadChart.DefaultView
>
<
telerik:RadChart.SeriesMappings
>
<
telerik:SeriesMapping
>
<
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:BarSeriesDefinition
ShowItemLabels
=
"True"
StackGroupName
=
"{Binding GroupLvl}"
/>
</
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:SeriesMapping.ItemMappings
>
<
telerik:ItemMapping
FieldName
=
"Planned"
DataPointMember
=
"YValue"
/>
<
telerik:ItemMapping
FieldName
=
"GroupLvl"
DataPointMember
=
"LegendLabel"
/>
<
telerik:ItemMapping
FieldName
=
"Xcat"
DataPointMember
=
"XCategory"
/>
</
telerik:SeriesMapping.ItemMappings
>
</
telerik:SeriesMapping
>
<
telerik:SeriesMapping
>
<
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:BarSeriesDefinition
ShowItemLabels
=
"True"
StackGroupName
=
"Actual"
/>
</
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:SeriesMapping.ItemMappings
>
<
telerik:ItemMapping
FieldName
=
"Actual"
DataPointMember
=
"YValue"
/>
<
telerik:ItemMapping
FieldName
=
"GroupLvl"
DataPointMember
=
"LegendLabel"
/>
<
telerik:ItemMapping
FieldName
=
"Xcat"
DataPointMember
=
"XCategory"
/>
</
telerik:SeriesMapping.ItemMappings
>
</
telerik:SeriesMapping
>
</
telerik:RadChart.SeriesMappings
>
</
telerik:RadChart
>
<
chart:RadPieChart
x:Name
=
"PieChart"
Palette
=
"{Binding Palette}"
Grid.Row
=
"1"
>
<
chartView:PieSeries
ValueBinding
=
"Value"
ItemsSource
=
"{Binding Data}"
RadiusFactor
=
"0.77"
>
<
chartView:PieSeries.LabelDefinitions
>
<
chartView:ChartSeriesLabelDefinition
Margin
=
"-30,0,0,0"
/>
</
chartView:PieSeries.LabelDefinitions
>
<
chartView:PieSeries.AngleRange
>
<
charting:AngleRange
StartAngle
=
"270"
SweepAngle
=
"360"
/>
</
chartView:PieSeries.AngleRange
>
</
chartView:PieSeries
>
</
chart:RadPieChart
>
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:telerikChart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Charting"
xmlns:chart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Chart"
xmlns:charting="clr-namespace:Telerik.Charting;assembly=Telerik.Windows.Controls.Chart"
xmlns:chartView="clr-namespace:Telerik.Windows.Controls.ChartView;assembly=Telerik.Windows.Controls.Chart"
<
chart:RadPieChart
x:Name
=
"TestChart"
Grid.Column
=
"1"
Margin
=
"8"
Grid.Row
=
"1"
Palette
=
"{Binding Palette}"
>
<
chartView:PieSeries
DataContext
=
"{Binding Source={StaticResource UnitsDelinquentChartData}}"
ItemsSource
=
"{Binding Collection}"
ValueBinding
=
"PercentValue"
>
</
chartView:PieSeries
>
</
chart:RadPieChart
>
Hello, I've been using RadCartesianChart - ScatterDataPoint for a while.
Suddenly we see a bug, if the Y-points are too close it creates a downward line even though my series is always upwars.
Telerik version: 2014.3.1117.1050
Visual Studio 2013, C#, .Net 4.5
Simplified code:
<telerik:RadCartesianChart x:Name="reachChart" Palette="Windows8" Margin="5" Width="400" Height="300" HorizontalAlignment="Left" >
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:LinearAxis LabelFitMode="Rotate" Title="Spots" />
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis CharacterSpacing="5" Title="Reach" Maximum="100"/>
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Behaviors>
<telerik:ChartPanAndZoomBehavior ZoomMode="Both">
</telerik:ChartPanAndZoomBehavior>
</telerik:RadCartesianChart.Behaviors>
<telerik:RadCartesianChart.Series>
<telerik:ScatterSplineSeries>
<telerik:ScatterSplineSeries.DataPoints>
<telerik:ScatterDataPoint XValue="0" YValue="0.595808435123127" />
<telerik:ScatterDataPoint XValue="1" YValue="6.40857507456429" />
<telerik:ScatterDataPoint XValue="2" YValue="10.7874762581006" />
<telerik:ScatterDataPoint XValue="3" YValue="10.9355727926498" />
<telerik:ScatterDataPoint XValue="4" YValue="11.4232622983719" />
<telerik:ScatterDataPoint XValue="5" YValue="37.1135592075762" />
<telerik:ScatterDataPoint XValue="6" YValue="53.4708788606977" />
<telerik:ScatterDataPoint XValue="7" YValue="58.2672001703236" />
<telerik:ScatterDataPoint XValue="8" YValue="67.9886722250221" />
<telerik:ScatterDataPoint XValue="9" YValue="70.6729054856796" />
<telerik:ScatterDataPoint XValue="10" YValue="72.3969782736748" />
<telerik:ScatterDataPoint XValue="11" YValue="75.3560253295018" />
<telerik:ScatterDataPoint XValue="12" YValue="78.3000266354069" />
<telerik:ScatterDataPoint XValue="13" YValue="80.7947176722326" />
<telerik:ScatterDataPoint XValue="14" YValue="81.9444140619138" />
<telerik:ScatterDataPoint XValue="15" YValue="83.2532801789221" />
<telerik:ScatterDataPoint XValue="16" YValue="84.1066680205583" />
<telerik:ScatterDataPoint XValue="17" YValue="85.3084937206220" />
<telerik:ScatterDataPoint XValue="18" YValue="86.919187461201" />
<telerik:ScatterDataPoint XValue="19" YValue="87.3705247001246" />
<telerik:ScatterDataPoint XValue="20" YValue="87.9815943850905" />
</telerik:ScatterSplineSeries.DataPoints>
</telerik:ScatterSplineSeries>
</telerik:RadCartesianChart.Series>
</telerik:RadCartesianChart>
In my attached image you will see that between 3 and 4 makes a downward turn
thanks in advance for your help.
Daniel
<Style x:Key="PieSliceStyle" TargetType="Path"> <Setter Property="Fill" Value="{Binding DataItem.Brush}" /> </Style
<telerik:RadPieChart x:Name="chart"> <telerik:PieSeries DefaultSliceStyle="{StaticResource PieSliceStyle}" ValueBinding="Value" ItemsSource="{Binding}"/> </telerik:RadPieChart>But I am not able to figure it out how to write this via code for dynamically created pie chart.
<telerik:RadChart x:Name="NumberOfOpenIssuesBySeverityChart" ItemsSource="{Binding OveralIssueDashboard.NumberOfClosedIssuesByMonth}" >
<telerik:RadChart.PaletteBrushes>
<SolidColorBrush Color="Green"/>
<SolidColorBrush Color="Green"/>
<SolidColorBrush Color="Green"/>
</telerik:RadChart.PaletteBrushes>
<telerik:RadChart.DefaultView >
<telerik:ChartDefaultView >
<telerik:ChartDefaultView.ChartTitle>
<telerik:ChartTitle>
Total Number Of Resolutions Provided
</telerik:ChartTitle>
</telerik:ChartDefaultView.ChartTitle>
<telerik:ChartDefaultView.ChartArea>
<telerik:ChartArea LabelFormatBehavior="None" LegendName="ChartLegend3" ScientificDigits="0" >
<telerik:ChartArea.AxisY >
<telerik:AxisY AutoRange="False" MinValue="0" Step="1" MinorTickPointMultiplier="1" MinorTicksVisibility="Collapsed" StripLinesVisibility="Collapsed" />
</telerik:ChartArea.AxisY>
</telerik:ChartArea>
</telerik:ChartDefaultView.ChartArea>
<telerik:ChartDefaultView.ChartLegend>
<telerik:ChartLegend Visibility="Collapsed" />
</telerik:ChartDefaultView.ChartLegend>
</telerik:ChartDefaultView>
</telerik:RadChart.DefaultView>
<telerik:RadChart.SeriesMappings >
<telerik:SeriesMapping>
<telerik:SeriesMapping.SeriesDefinition>
<telerik:BarSeriesDefinition />
</telerik:SeriesMapping.SeriesDefinition>
<telerik:ItemMapping DataPointMember="YValue" FieldName="NumberOfIssue" />
<telerik:ItemMapping DataPointMember="XCategory" FieldName="MonthName" />
</telerik:SeriesMapping>
</telerik:RadChart.SeriesMappings>
</telerik:RadChart>
-------Problem Statement -----
I want to set fix bar size in above Rad Chart.
For more information I have attached PNG image.
Hello,
I need to create a chart with an horizontal categorical axis, but with a variable distance between the labels (something similar to the attached file).
In the categorical axis I didn't find anything that could help me.
Do you have any idea how to obtain this kind of chart?
Thanks