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
560
problem with rectangle rounding
posted

The rectangle rounding is not happening properly. I have specified the chart parameters property. But in the rectangle corners, the corners are visble and it looks really bad.

See the below screenshot,

  • 28496
    Verified Answer
    Offline posted

    this is an issue with the default style of the column chart datapoints.  it can be overridden using some code like this:

    <igChart:XamWebChart Background="Black">
                <igChart:XamWebChart.Resources>
                    <Style x:Key="ColumnStyle" TargetType="igChart:ColumnChartDataPointTemplate">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="igChart:ColumnChartDataPointTemplate">
                                    <Border x:Name="RootElement"
                                            Background="{TemplateBinding Fill}"
                                            BorderBrush="{TemplateBinding Stroke}"
                                            BorderThickness="{TemplateBinding BorderThickness}" />
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </igChart:XamWebChart.Resources>
                <igChart:XamWebChart.Series>
                    <igChart:Series DataPointStyle="{StaticResource ColumnStyle}">
                        <igChart:Series.DataPoints>
                            <igChart:DataPoint Value="500" />
                            <igChart:DataPoint Value="700" />
                            <igChart:DataPoint Value="650" />
                            <igChart:DataPoint Value="700" />
                            <igChart:DataPoint Value="650" />
                            <igChart:DataPoint Value="600" />
                            <igChart:DataPoint Value="650" />
                        </igChart:Series.DataPoints>
                        <igChart:Series.ChartParameters>
                            <igChart:ChartParameter Type="RectangleRounding" Value="25" />
                        </igChart:Series.ChartParameters>
                    </igChart:Series>
                </igChart:XamWebChart.Series>
            </igChart:XamWebChart>