Hello Srinivas,

Thank you for your reply. I am very glad that the approach I have suggested, helped solving your issue. Please let me know if you need any further assistance on the matter,

Sincerely,

Krasimir

Developer Support Engineer

Infragistics

Hello Srinivas,

Thank you for your reply. I have been looking into your question and I can suggest setting the LayoutTransform property of the Marker to a ScaleTransform. You can set the ScaleY of the ScaleTransform to -1 to flip the triangle and the CenterY to .5, so the rotation will start from the center of the triangle. I have modified the sample application that I have previously sent, in order to show how you can implement this approach.

Please let me know if you need any further assistance on the matter.

Sincerely,

Krasimir

Developer Support Engineer

Infragistics

Hello Srinivas,

I am just checking if you require any further assistance on the matter.

Sincerely,

Krasimir

Developer Support Engineer

Infragistics

Hello Srinivas,

Thank you for your reply. I have been looking into your question and you can use the LegendItemTemplate property of the series. You can create a data template which will be used in the Legend of the XamDataChart. In the DataTemplate you can rotate the rectangle, by using ScaleTransform, as in the Marker style. Here is how the DataTemplate for the LegendItem can be defined:

        <Grid.Resources>

            <DataTemplate x:Key="LegendItemTemplate">

                <StackPanel Orientation="Horizontal" Margin="5">

                    <ContentPresenter Content="{Binding}" Margin="5,0,5,0"

                                      ContentTemplate="{Binding Series.LegendItemBadgeTemplate}" >

                        <ContentPresenter.LayoutTransform>

                            <ScaleTransform

                                ScaleY="-1"

                                CenterY=".5"/>

                        </ContentPresenter.LayoutTransform>

                    </ContentPresenter>

                    <ContentPresenter Content="{Binding Series.Title, TargetNullValue=Series Title}"

                                      Margin="0,0,5,0" />

                </StackPanel>

            </DataTemplate>

        </Grid.Resources>

After defining the data template, you can assign it to the LegendItemTempalte property of the series as follows:

                    <ig:ScatterSeries

                        Title="Series 1"

                        MarkerType="Triangle"

                        ItemsSource="{Binding Data}"

                        YMemberPath="Value1"

                        XMemberPath="Index"

                        XAxis="{Binding ElementName=xAxis}"

                        YAxis="{Binding ElementName=yAxis}"

                        LegendItemTemplate="{StaticResource LegendItemTemplate}">

                                                                …….

I have modified the sample application that I have created for you, in order to show how you can implement this approach.

Please let me know if you need any further assistance on the matter.

Sincerely,

Krasimir

Developer Support Engineer

Infragistics

Hello Srinivas,

Thank you for your reply. You can add a setter for the LayoutTransform in the style for the MarkerStyle property of the series. Here is the xaml code for setting the LayoutTransform:

                <ig:XamDataChart.Series>

                    <ig:ScatterSeries

                        Title="Series 1"

                        MarkerType="Triangle"

                        ItemsSource="{Binding Data}"

                        YMemberPath="Value1"

                        XMemberPath="Index"

                        XAxis="{Binding ElementName=xAxis}"

                        YAxis="{Binding ElementName=yAxis}">

                        <ig:ScatterSeries.MarkerStyle>

                            <Style TargetType="{x:Type ig:Marker}">

                                <Setter Property="Width" Value="{Binding MarkerWidth}"/>

                                <Setter Property="Height" Value="{Binding MarkerHeight}"/>

                                <!--  Setting the LayoutTransform to rotate the rectangles  -->

                                <Setter Property="LayoutTransform">

                                    <Setter.Value>

                                        <ScaleTransform

                                            ScaleY="-1"

                                            CenterY=".5"/>

                                    </Setter.Value>

                                </Setter>

                            </Style>

                        </ig:ScatterSeries.MarkerStyle>

                    </ig:ScatterSeries>

                </ig:XamDataChart.Series>

Also you can find the example for that in the sample application that I have attached with my previous reply (MarkerSize_1.zip).

Please let me know if you need any further assistance on the matter.

Sincerely,

Krasimir

Developer Support Engineer

Infragistics