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

Chart Title - Custom Formatting

1 Answer 117 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Shuja asked on 08 Dec 2014, 11:21 AM
I've got a chart defined as:-

       .Title("Open Clocks by Weeks Waiting")
       .Legend(legend => legend
                   .DataSource(ds => ds.Read(read => read.Action("_BarChartp", "Summary")
       .Series(series =>
           series.Column(model => model.Clocks, model => model.barColour);
       .ChartArea(area => area
       .CategoryAxis(axis => axis
           .Categories(model => model.CurrentWaitingBand)
           .Labels(labels => labels.Rotation(-90))
           .MajorGridLines(lines => lines.Visible(false))
       .ValueAxis(axis => axis.Numeric()
           .Labels(labels => labels.Format("{0:N0}"))
           .Line(line => line.Visible(false))
       .Tooltip(tooltip => tooltip

What I need to do is add a boostrap badge to the chart title, so each one of the charts has an easily idfentifiable reference number.
<span>Open Clocks by Weeks Waiting</span>  <span class="pull-right badge">C1</span>

How can I put this markup into the title? Any attempt to add spans etc., result in javascript errors when the page is run.


1 Answer, 1 is accepted

Sort by
T. Tsonev
Telerik team
answered on 10 Dec 2014, 09:31 AM

Embedding HTML in chart elements is not supported as it actually uses SVG, Canvas or VML to render.

Provided that you're using SVG rendering (default in supported browsers) you can use <tspan> elements to some extent in place of <span>.
This will fail of some other rendering mode is in use.

Note that you must be using a version from the latest internal builds for this to work.

I hope this helps.

T. Tsonev

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Asked by
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Share this question