为什么无法对Telerik图表图例项目进行分组?

时间:2017-12-22 09:49:01

标签: javascript c# telerik kendo-chart kendo-ui-mvc

我需要对Kendochart系列的元素进行分组,因此它们按如下方式分开:

组标题1
意甲1。
意甲2。
组标题2
意甲3。
意甲4。

我尝试使用模板,但它不起作用。

legend: {
    labels: {
        template: kendo.template($("legend-template").html())
    }
}, 

<script id="legend-template" type="text/x-kendo-template">
    <div id="Leyenda">  #: text # </div>
</script>

提前谢谢。

1 个答案:

答案 0 :(得分:0)

已解决:解决方案是创建一个新的div,每个系列都有一个复选框,通过jQuery来播放这些系列的checked属性,交替显示系列中每个元素的可视化。

例如:

 $("#SerieName").change(function () {
            if ($("#SerieName").is(":checked")) {
                $("#Chart").data("kendoChart").options.series[0].visible = true;
                $("#Chart").data("kendoChart").redraw();

            } else {

                $("#Chart").data("kendoChart").options.series[0].visible = false;
                $("#Chart").data("kendoChart").redraw();
            }
        });
相关问题