Question

我需要对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>

提前谢谢。

Answer 1

已解决：解决方案是创建一个新的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();
            }
        });

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

1 个答案: