【发布时间】:2014-02-05 13:53:27
【问题描述】:
我正在用剑道制作简单的折线图。类似这个演示 http://demos.telerik.com/kendo-ui/dataviz/line-charts/index.html.
我也有多个系列,例如(印度、世界等)。
我的问题是,有没有办法让图表上只有一个系列处于活动状态。
系列的行为类似于复选框按钮(我可以激活一个或多个),我希望它们像单选按钮一样,因此只能激活一个系列。
【问题讨论】:
我正在用剑道制作简单的折线图。类似这个演示 http://demos.telerik.com/kendo-ui/dataviz/line-charts/index.html.
我也有多个系列,例如(印度、世界等)。
我的问题是,有没有办法让图表上只有一个系列处于活动状态。
系列的行为类似于复选框按钮(我可以激活一个或多个),我希望它们像单选按钮一样,因此只能激活一个系列。
【问题讨论】:
简短的回答是否定的。无论如何,您都不能修改图例来实现这种行为。但是,您可以单独使用单选按钮并更新图表的选项 - 例如系列。
这是一个小JsBin example:
$("input[type=radio]").click(function(){
var clickedOn = $(this).val();
var data = $.grep(series, function(val){
return val.name == clickedOn;
})[0];
chart.setOptions({series:[
{
name: clickedOn,
data: data.data
}
]})
})
【讨论】:
你可以用一个按钮来做到这一点。没有用单选按钮尝试过。
$("#ButtonName").kendoButton({
click: function (e) {
var varname = $("#chartName").data("kendoChart")
kendodatasourcename.filter(
{ field: "fieldName", operator: "eq", value: "filteredvaluefromyourdataset" })
【讨论】: