Question

我在剑道制作简单的折线图。像这个演示http://demos.telerik.com/kendo-ui/dataviz/line-charts/index.html。

我也有多个系列作为例子（印度，世界等......）。

我的问题是，是否有办法允许只有一个系列在图表上有效。

系列的行为类似于复选框按钮（我可以有一个或多个活动状态），我希望它们表现为单选按钮，因此只有一个系列可以处于活动状态。

Answer 1

简短回答是否。您无法以任何方式修改图例以实现此类行为。但是，您可以单独使用单选按钮并更新图表的选项 - 例如系列。

  $("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
      }
    ]})
  })

Answer 2

您可以使用按钮执行此操作。没有尝试使用单选按钮。

$("#ButtonName").kendoButton({
click: function (e) {
var varname = $("#chartName").data("kendoChart")                    
kendodatasourcename.filter(
{ field: "fieldName", operator: "eq", value: "filteredvaluefromyourdataset" })

剑道线图 - 系列之间切换

2 个答案: