kendo ui 如何在创建图表后更改系列标记类型
kendo ui how to change series markers types after create chart
我创建了 kendo ui 图表:
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "line",
data: [1, 2, 3]
}]
});
</script>
现在在我创建图表后我想更改系列标记类型 属性 选项是:circle"、"square"、"triangle"、"cross"
我怎样才能做到这一点 ?
我尝试了下一节
var chart = $("#chart").data("kendoChart");
for (var i = 0; i < chart.options.series.length; i++) {
chart.options.series[i].markers.type = "square";
}
chart.refresh();
当然这不起作用...
错误是:
Uncaught TypeError: Cannot set property 'type' of undefined
啊哈!
我尝试对您的代码进行一些修改。唯一正确的问题是当您分配类型 属性 时 markers 对象不存在。这意味着您必须在初始化时创建标记对象,然后设置类型或设置一些默认标记。
Not working demo - 检查控制台日志。它写出完全相同的错误。
Solution 1 初始化图表时创建标记对象。
Solution 2 是创建标记对象并分配给系列对象。
我创建了 kendo ui 图表:
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "line",
data: [1, 2, 3]
}]
});
</script>
现在在我创建图表后我想更改系列标记类型 属性 选项是:circle"、"square"、"triangle"、"cross" 我怎样才能做到这一点 ? 我尝试了下一节
var chart = $("#chart").data("kendoChart");
for (var i = 0; i < chart.options.series.length; i++) {
chart.options.series[i].markers.type = "square";
}
chart.refresh();
当然这不起作用... 错误是:
Uncaught TypeError: Cannot set property 'type' of undefined
啊哈! 我尝试对您的代码进行一些修改。唯一正确的问题是当您分配类型 属性 时 markers 对象不存在。这意味着您必须在初始化时创建标记对象,然后设置类型或设置一些默认标记。
Not working demo - 检查控制台日志。它写出完全相同的错误。
Solution 1 初始化图表时创建标记对象。
Solution 2 是创建标记对象并分配给系列对象。