为什么无法对 Telerik 海图图例项目进行分组?
Why is it not possible to group Telerik chart legend items?
我需要对 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>
提前致谢。
已解决:解决方案是为每个系列创建一个带有复选框的新 div,并通过 jQuery 与选中的 属性 其中,交替显示系列中的每个元素。
例如:
$("#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();
}
});
我需要对 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>
提前致谢。
已解决:解决方案是为每个系列创建一个带有复选框的新 div,并通过 jQuery 与选中的 属性 其中,交替显示系列中的每个元素。
例如:
$("#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();
}
});