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

HTMLChart ToolTips

1 Answer 51 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Carlos
Top achievements
Rank 1
Carlos asked on 19 Oct 2018, 05:52 PM

hello...

 

the demo in https://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/box-plot-chart/defaultcs.aspx

help me a lot in making the box plot chart, but how do I remove the  $ sign from the tooltip?

 

 

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 22 Oct 2018, 03:05 PM
Hi Carlos,

You can control the Tooltip appearance by defining a custom  common tooltip client template like explained here:
https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/clienttemplate/overview

For example:
<telerik:RadHtmlChart runat="server" ID="BoxPlotChart" Width="800" Height="500" Skin="Silk">
    <PlotArea>
        <CommonTooltipsAppearance Shared="True">
            <ClientTemplate>
                <div>
                    Lower: #= dataItem.lower# <br/>
                    Q1: #= dataItem.q1# <br/>
                    Median: #=dataItem.median# <br/>
                    Mean: #=dataItem.mean # <br/>
                    Q3: #=dataItem.q3 # <br/>
                    Upper: #=dataItem.upper # <br/>
                </div>
            </ClientTemplate>
        </CommonTooltipsAppearance>
        <Series>
            <telerik:BoxPlotSeries
                DataLowerField="lower"
                DataQ1Field="q1"
                DataMedianField="median"
                DataQ3Field="q3"
                DataMeanField="mean"
                DataUpperField="upper"
                DataOutliersField="outliers">
                <TooltipsAppearance Color="White"></TooltipsAppearance>
                <Appearance FillStyle-BackgroundColor="#4f99d2"></Appearance>
            </telerik:BoxPlotSeries>
            ...


I hope this helps.


Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Chart (HTML5)
Asked by
Carlos
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or