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
225
Worry!how to set XamWebChart like this pic(line chart)?
posted

1.how to draw Axis x parallel Lines

2.the Label font slant 45

3.background

Here is my wrong xaml code:

     <igWebChart:XamWebChart HorizontalAlignment="Left" Name="xamWebChart1" VerticalAlignment="Top">
            <igWebChart:XamWebChart.Legend>
                <igWebChart:Legend Visibility="Collapsed">
                </igWebChart:Legend>
            </igWebChart:XamWebChart.Legend>
            <igWebChart:XamWebChart.Axes>
                <igWebChart:Axis AxisType="PrimaryX">
                    <igWebChart:Axis.MajorGridline>
                        <igWebChart:GridlineGroup  Visibility="Visible">
                        </igWebChart:GridlineGroup>
                    </igWebChart:Axis.MajorGridline>
                    <igWebChart:Axis.Label>
                        <igWebChart:LabelGroup AutoResize="True"></igWebChart:LabelGroup>
                    </igWebChart:Axis.Label>
                </igWebChart:Axis>
                <igWebChart:Axis AxisType="PrimaryY" Unit="2"  >
                    <igWebChart:Axis.DataContext>
                        <DataTemplate>
                            <Line>
                                <Line.Fill>
                                    <SolidColorBrush Color="Black"></SolidColorBrush>
                                </Line.Fill>
                            </Line>
                        </DataTemplate>
                    </igWebChart:Axis.DataContext>
                </igWebChart:Axis>
            </igWebChart:XamWebChart.Axes>

            <!--<igWebChart:XamWebChart.Scene>
                <igWebChart:Scene>
                    <igWebChart:Scene.GridArea>
                        <igWebChart:GridArea>
                            <igWebChart:GridArea.Template>
                                <ControlTemplate TargetType="igWebChart:GridArea">
                                    <Grid>
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition/>
                                                <RowDefinition/>
                                                <RowDefinition/>
                                                <RowDefinition/>
                                                <RowDefinition/>
                                                <RowDefinition/>
                                            </Grid.RowDefinitions>
                                            <Border Background="Red" Grid.Row="0" BorderThickness="2" BorderBrush="Black" />
                                            <Border Background="Yellow" Grid.Row="1" BorderThickness="2" BorderBrush="Black"/>
                                            <Border Background="Lime" Grid.Row="2" BorderThickness="2" BorderBrush="Black"/>
                                            <Border Background="Lime" Grid.Row="3" BorderThickness="2" BorderBrush="Black" />
                                            <Border Background="Yellow" Grid.Row="4" BorderThickness="2" BorderBrush="Black"/>
                                            <Border Background="Red" Grid.Row="5" BorderThickness="2" BorderBrush="Black" />
                                        </Grid>
                                        <ContentPresenter/>
                                    </Grid>
                                </ControlTemplate>
                            </igWebChart:GridArea.Template>
                        </igWebChart:GridArea>
                    </igWebChart:Scene.GridArea>
                </igWebChart:Scene>
            </igWebChart:XamWebChart.Scene>-->

            <igWebChart:XamWebChart.Series>
                <igWebChart:Series ChartType="Line">
                        <igWebChart:Series.Marker>
                            <igWebChart:Marker Format="" Type="Circle" ></igWebChart:Marker>
                        </igWebChart:Series.Marker>
                    <igWebChart:Series.DataPoints>
                        <igWebChart:DataPoint Value="12" Label="a" />
                        <igWebChart:DataPoint Value="34" Label="b"/>
                        <igWebChart:DataPoint Value="56" Label="c"/>
                        <igWebChart:DataPoint Value="25" Label="d"/>
                        <igWebChart:DataPoint Value="56" Label="e"/>
                        <igWebChart:DataPoint Value="81" Label="f"/>
                    </igWebChart:Series.DataPoints>
                </igWebChart:Series>
            </igWebChart:XamWebChart.Series>
           
        </igWebChart:XamWebChart>

Rendering :