Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Jayaprakash
560
Can this chart be achieved using Infragistics chart?
posted

Hi All,

I am trying to create a chart using Infragistics silverlight like this. Is it possible? Please let me know. Thanks in advance.

  • 27093
    posted

    Hello,

    This can be achieved by retemplating the ColumnChart's DataPoints. I have been looking into this and have created a sample style for you to achieve your goal:

                <Style TargetType="igChart:ColumnChartDataPointTemplate">               

                    <Setter Property="Template">

                        <Setter.Value>

                            <ControlTemplate TargetType="igChart:ColumnChartDataPointTemplate">

                                <Grid >

                                    <Grid.RowDefinitions>

                                        <RowDefinition Height="Auto"   />

                                        <RowDefinition Height="*" />

                                    </Grid.RowDefinitions>

     

                                    <Grid    Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Width}"

                                             Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Width}">

                                        <Ellipse Stretch="Fill" 

                                                 Fill="{TemplateBinding Stroke}" />

                                       

                                        <Ellipse Margin="{TemplateBinding BorderThickness}"

                                                 Stretch="Fill"                           

                                                 Fill="{TemplateBinding Fill}" />

                                    </Grid>

                                   

                                    <Border x:Name="RootElement"

                                            Width="3"

                                            Grid.Row="1"

                                            BorderBrush="{TemplateBinding Stroke}"

                                            Background="{TemplateBinding Stroke}"

                                            BorderThickness="{TemplateBinding BorderThickness}"

                                             />

     

                                </Grid>

                            </ControlTemplate>

                        </Setter.Value>

                    </Setter>

                </Style>

     

    Please let me know if you require any clarification or further assistance on the matter.

     

    Sincerely,

    Petar Monov

    Developer Support Engineer

    Infragistics Bulgaria

    www.infragistics.com/support