This is a migrated thread and some comments may be shown as answers.

Add Custom Text to Chart

1 Answer 184 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Adam
Top achievements
Rank 1
Adam asked on 23 May 2016, 04:01 PM

I have a need to add custom text to graphs which are completely independent of the title or legend -- for instance, perhaps a "Generated Date" in the upper-left corner.  I have seen some examples of customizing legends or titles using the KendoUI API.  I am not familiar with this, but even so the examples show customizing other parts of the graph that already exist.

Any examples or documentation or hints available for this scenario?

Thanks!
Adam

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 25 May 2016, 11:56 AM

Hello Adam,

I believe the closest feature is called Notes and you can monitor its status here: http://feedback.telerik.com/Project/108/Feedback/Details/127133-add-notes-in-radhtmlchart.

You can use is through the underlying Kendo Chart widget in the meantime: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/client-side-programming/overview#get-client-side-object-reference.

Alternatively, you can use the Title of the chart and place it to the left or right, something like:

<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server">
    <ChartTitle Text="my custom message">
        <Appearance Position="Top" Align="Right"></Appearance>
    </ChartTitle>
</telerik:RadHtmlChart>

Yet another approach is to add a <span> or <div> element next to the chart and position it over the chart via CSS (position: absolute; and set appropriate top, left, bottom and/or right values).

Regards,

Marin Bratanov
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Tags
Chart (HTML5)
Asked by
Adam
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or