Telerik Forums
UI for Silverlight Forum
1 answer
248 views

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

Dinko | Tech Support Engineer
Telerik team
 answered on 08 Jul 2021
5 answers
455 views
I am hoping you have some examples of using the Stacked Bar Chart with databinding in XAML to a MVVM Property.  What I am trying to do is create a chart with "Month" along the horizontal access and to series ("Planned" & "Actual") and then stack the values by the "GroupLvl" Column


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

here is what I have been trying in XAML, but I am still far from the desired mark.

 

 

 

 

<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>

 

 




any help you can provide would be greatly appreciated.

Martin Ivanov
Telerik team
 answered on 16 Mar 2021
8 answers
525 views
I have a pie chart with interactivity features enabled.  Clicking on a slice of the pie will cause that slice to detach (explode) and send me a chart area item click event.  If I click on an item in the legend, the pie slice still detaches, but I can't find the corresponding event.

Is there an event that I can catch when a user clicks a legend item ?

Thanks
Martin Ivanov
Telerik team
 answered on 22 Nov 2019
4 answers
257 views
Do PieChart colors just NOT work in Q3 2011??

I followed this example here

Sample code:
<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>

My code:

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>

What I get is an ALL blue pie chart (binding works fine), the representation of the data is correct 80% slice and a 20% slice, but both slices are blue.

I've tried using the PaletteBrushes but all I get is "Attachable property 'PaletteBrushes' was not found in type RadPieChart.

So how the heck do I set pie chart slice colors for Q3 2011??

I know when I use the Microsoft PieSeries control it takes about 1000 lines of code just to adjust the pie slice color, I was hoping Telerik controls would be MUCH more simple?

Rob

 
Dinko | Tech Support Engineer
Telerik team
 answered on 16 Apr 2019
1 answer
53 views

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

Martin Ivanov
Telerik team
 answered on 09 Jul 2018
11 answers
257 views
Hello,

I have a question regarding DataPoint Markers. I am currently using the 2011 Q3 release.

I have a fairly standard line chart where I am defining the Y Axis MinValue, MaxValue, and Step.

In the attached screenshot, the values are 0, 100, and 10 respectively. The yellow series in the screenshot demonstrates the problem the best, since it has Y Values of both 0 and 100 at different points. Unfortunately, I don't have much flexibility in changing these numbers. As you will see in the attached screenshot, markers that land at or near zero, or at or near 100 are simply chopped in half.

I have tried several things, including giving the ChartArea a margin, padding, etc. I have also tried to set the max to something like "102", but still my Markers are chopped in half, and doing the same with my min range (currently 0), like setting it to "-2", would cause the steps to be incorrect, like -2, 8, 18, etc.

Is there any way to correct this behavior in the chart so that the entire DataPoint Marker (in my case a cirle) renders? I actually thought that this would be a rather common question, but after spending some time searching the forums here, I wasn't able to come up with anything.

Thanks for your time,
Jon
Carlos
Top achievements
Rank 1
 answered on 22 Dec 2017
14 answers
447 views
Is there a way to hook a mouse click event to a portion of the pie?

We would like to see the pie, click on a slice of the pie and click to a detailed report of the pie.
ie. the pie shows 20%, and we can click on the slice to see the details of the 20%.

thanks in advance
Martin Ivanov
Telerik team
 answered on 02 Oct 2017
5 answers
553 views
Hi,

I am creating pie chart dynamically.
I wanted to assign colors to the slices of the pie chart. 
I have reviewed the http://www.telerik.com/help/silverlight/radchartview-populating-with-data-binding-the-color-of-series-items.html
link.
<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.

Could you please provide the demo project for this.

Thanks 
Sampada
Martin Ivanov
Telerik team
 answered on 23 Jun 2017
1 answer
598 views

<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.

Dilyan Traykov
Telerik team
 answered on 23 Jun 2017
1 answer
76 views

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

Dinko | Tech Support Engineer
Telerik team
 answered on 01 Jun 2017
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?