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

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

8 Answers 503 Views

Charts

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

8 Answers, 1 is accepted

Accepted

answered on 19 Aug 2016, 01:20 PM

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.

answered on 19 Aug 2016, 03:33 PM

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() #"))