Radchart Custom figure for PointMark

[sharanya]

Hi,

I need to represent a point on my chart with a "arrow" mark. I looked into Appearance.Figure.defaultfigures. How do i assign an image to Appearance.Figure property or Appearance.Pointshape.

thanks & regards,
Sharanya

[Missing User]

Hello sharanya,

You can use Appearance.PointMark.FillStyle to set a custom image as a point. Here is a sample code how to achieve that:

<telerik:RadChart ID="chart1" runat="server">
    <Series>
        <telerik:ChartSeries Type="Line">
            <Appearance>
                <PointMark Visible="true" Dimensions-AutoSize="false" Dimensions-Height="40" Dimensions-Width="40">
                    <FillStyle FillType="Image" FillSettings-BackgroundImage="icon.png" />
                </PointMark>
            </Appearance>
            <Items>
                <telerik:ChartSeriesItem YValue="21" />
                <telerik:ChartSeriesItem YValue="11" />
                <telerik:ChartSeriesItem YValue="5" />
                <telerik:ChartSeriesItem YValue="3" />
                <telerik:ChartSeriesItem YValue="31" />
            </Items>
        </telerik:ChartSeries>
    </Series>
</telerik:RadChart>

Hope this helps.

Greetings,

Polina

the Telerik team

[sharanya]

Hi Polina,

I tried the below code and the point mark appears as a circle irrespective of what background image i specify.

Please let me know what i am missing.

Thanks & Regards,
Sharanya

[Missing User]

Hello sharanya,

I prepared a sample project in which I'm setting a custom icon to PointMark.FillStyle.FillSettings-BackgroundImage. You can find it in the attached file.

Let me know whether this helps.

Kind regards,
Polina
the Telerik team