This is a migrated thread and some comments may be shown as answers.

Scattered point graph issues

3 Answers 91 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Muhammad
Top achievements
Rank 1
Muhammad asked on 28 Mar 2011, 02:19 PM
Hi,
I am using Scattered point chart. Following are issues coming
1) I used different point shape like diamond, square , circle etc. I wanted to increase the size so that then can be visible. But whenever i give point size, the actual shape gets cut and the small piece of every shape is visible. I want to make some series prominent.
2) Tooltip opening event is not firing even i made showtooltp= true as suggested in another form. I am giving itemsource if the series in code behind.
 Following is my code

<telerikChart:RadChart x:Name="radChart" >


            <telerikChart:RadChart.DefaultView>
                <telerikCharting:ChartDefaultView>
                   
                    <telerikCharting:ChartDefaultView.ChartLegend>
                        <telerikCharting:ChartLegend x:Name="chartLegend" Header="Legends" UseAutoGeneratedItems="True"/>
                    </telerikCharting:ChartDefaultView.ChartLegend>
                    <telerikCharting:ChartDefaultView.ChartArea>
                        <telerikCharting:ChartArea LegendName="chartLegend" EnableAnimations="True"  ToolTipOpening="ChartArea_ToolTipOpening">
                            <telerikCharting:ChartArea.AxisX>
                                <telerikCharting:AxisX AutoRange="False"   MinValue="-1.5" MaxValue="1.5" Step="0.2" PlotAreaAxisLabelsVisibility="Visible" LayoutMode="Between" ></telerikCharting:AxisX>
                            </telerikCharting:ChartArea.AxisX>
                            <telerikCharting:ChartArea.AxisY   >
                                <telerikCharting:AxisY AutoRange="False" MajorGridLinesVisibility="Visible"  PlotAreaAxisLabelsVisibility="Visible" MinValue="-1.5"   MaxValue="1.5" Step="0.2"  ></telerikCharting:AxisY>
                            </telerikCharting:ChartArea.AxisY>
                        </telerikCharting:ChartArea>
                    </telerikCharting:ChartDefaultView.ChartArea>
                </telerikCharting:ChartDefaultView>
            </telerikChart:RadChart.DefaultView>
<telerikChart:RadChart.SeriesMappings>
                <telerikCharting:SeriesMapping LegendLabel="S"  >
                    
                    
                    <telerikCharting:SeriesMapping.SeriesDefinition>
                        
                        <telerikCharting:ScatterSeriesDefinition  ShowItemToolTips="True"   PointShape="Diamond" PointSize="10" ></telerikCharting:ScatterSeriesDefinition>
                    </telerikCharting:SeriesMapping.SeriesDefinition >
                    
                    <telerikCharting:SeriesMapping.ItemMappings>
                        <telerikCharting:ItemMapping DataPointMember="XValue" FieldName="XValue"></telerikCharting:ItemMapping>
                        <telerikCharting:ItemMapping DataPointMember="YValue"  FieldName="YValue"></telerikCharting:ItemMapping>
                    </telerikCharting:SeriesMapping.ItemMappings>
                </telerikCharting:SeriesMapping>


             <telerikChart:RadChart.SeriesMappings>
                <telerikCharting:SeriesMapping LegendLabel="S"  >
                    
                    
                    <telerikCharting:SeriesMapping.SeriesDefinition>
                        
                        <telerikCharting:ScatterSeriesDefinition  ShowItemToolTips="True"   PointShape="Diamond" PointSize="10" ></telerikCharting:ScatterSeriesDefinition>
                    </telerikCharting:SeriesMapping.SeriesDefinition >
                    
                    <telerikCharting:SeriesMapping.ItemMappings>
                        <telerikCharting:ItemMapping DataPointMember="XValue" FieldName="XValue"></telerikCharting:ItemMapping>
                        <telerikCharting:ItemMapping DataPointMember="YValue"  FieldName="YValue"></telerikCharting:ItemMapping>
                    </telerikCharting:SeriesMapping.ItemMappings>
                </telerikCharting:SeriesMapping>
</telerikChart:RadChart.SeriesMappings>
        </telerikChart:RadChart>

3 Answers, 1 is accepted

Sort by
0
Evgenia
Telerik team
answered on 31 Mar 2011, 02:00 PM
Hello Muhammad,

Since there is some problem with our PointSize property in WPF and our developers are after it I can suggest you this work-around to set custom Shape and Size for the Scatter Points:

Retemplate the default Scatter template by setting the wanted Size for the Scatter point like this:
<Style x:Key="Custom" TargetType="telerik:ScatterPoint">
           <Setter Property="Template" >
               <Setter.Value>
                   <ControlTemplate TargetType="telerik:ScatterPoint">
                       <Canvas x:Name="PART_MainContainer">
                           <telerik:PointMark x:Name="PART_PointMark"
                                                  Canvas.Top="{TemplateBinding StartPointY}"
                                                  PointMarkCanvasLeft="{TemplateBinding PointMarkCanvasLeft}"
                                                  PointMarkCanvasTop="{TemplateBinding PointMarkCanvasTop}"
                                                  ShapeStyle="{TemplateBinding PointMarkShapeStyle}" 
                                                  Size="20" />
                       </Canvas>
                   </ControlTemplate>
               </Setter.Value>
           </Setter>
       </Style>

Set the template in code-behind like this:
RadChart1.DefaultSeriesDefinition.ItemStyle = this.Resources["Custom"] as Style;

Kind regards,
Evgenia
the Telerik team
0
Muhammad
Top achievements
Rank 1
answered on 04 Apr 2011, 01:29 PM
Thanks a lot. That works for me. 
One more problem i am getting in custom tooltip. i implemented tooltip_pening event as well also i am doing ShowToolTip = true but its not firing. 
I want to display the details of object which represents point in graph. Any help?
Thanks
Zubair
0
Evgenia
Telerik team
answered on 07 Apr 2011, 09:36 AM
Hello Muhammad,

The sample project attached demonstrates a Scatter Series where those with PointShape=Circle have Tooltip (ShowItemTooltips = true). The ChartArea.ItemToolTipOpening event is used to define the content of the tooltip - in this case the YValue of the Point.

Greetings,
Evgenia
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Chart
Asked by
Muhammad
Top achievements
Rank 1
Answers by
Evgenia
Telerik team
Muhammad
Top achievements
Rank 1
Share this question
or