"Stacked bar chart Tooltip -- Single Bar of multi Stacks should show all color with value on tooltip"

[Nilesh]

"Stacked bar chart Tooltip -- Single Bar of multi Stacks should show all color with value on tooltip"

[Daniel]

Hello,

You can use shared toolitp to show all values. The colors will not be shown by default but it is possible to use template in order to show them(live demo).

Regards,
Daniel
Telerik

 

 

[Nilesh]

Thanks Daniel :)

[Nilesh]

Hi,

One issue with sharedTooltip is, its showing area above the bars also, i want to show only on bars area.

 

 

[Iliana Dyankova]

Hi Nilesh,

I am afraid what you are trying to achieve is not supported and there is no a suitable workaround which I could suggest. Please accept my apologies for any inconvenience this may cause. 

Regards,
Iliana Nikolova
Telerik

 

 

[Peter]

Hi, 

how can I 'translate' the Dojo to Kendo MVC?

I want show at end the Total, It works in Dojo. in cshtml I insert

<script type="text/kendo" id="sharedTemplate">
        <div>
            <table>
                #var total=0
                for (var i = 0; i < points.length; i++) { #
                <tr>
                    <td>#:points[i].series.name#</td>
                    <td>#:points[i].value#</td>
                </tr>
                #total=total+points[i].value;} #
                <tr>
                    <td>All:</td>
                    <td>#:total#</td>
                </tr>
            </table>
        </div>
    </script>

 @(Html.Kendo().Chart<ChartDataViewModel>()
...
.Tooltip(tooltip => tooltip.Visible(true).Shared(true).SharedTemplate("# $('\\\\#sharedTemplate').html() #"))

Then the Tooltip is shown empty.


 

[Peter]

I've got it working with a javascript function:

<script>
    $(document).ready(function () {
        var chart = $("#chart").data("kendoChart");
        var options = chart.options;
        options.tooltip = {
            shared: true,
            visible: true,
            sharedTemplate: $("#sharedTemplate").html()
        }
        chart.setOptions(options);
    });
</script>

But what ist the correct Razor Syntax for

.Tooltip(tooltip => tooltip.Visible(true).Shared(true).SharedTemplate("# $('\\\\#sharedTemplate').html() #"))

 

 

 

[Daniel]

Hello,

The wrapper does not currently support setting external template. The template can only be set inline with the SharedTemplate method:

.SharedTemplate(
    @"<div>
        <table>
        ...
        </table>
    </div>"
)

Regards,
Daniel
Telerik by Progress

 

 

[Peter]

Thanks, Daniel.
So I have to use the Javascript solution.

Peter