如何使用Kendo在向下钻取图表中创建一个Go-Back按钮

时间:2018-06-12 12:20:08

标签: javascript kendo-ui

我需要使用kendo创建向下钻取图表,我遇到的问题是我应该如何在后面添加一个按钮,例如在以下演示中:

HTML:

<div id="chart" style="float:left"></div>

Java脚本:

    $("#chart").kendoChart({
      series: [{
        data: [1, 2],
        color: function(point) {
          if (point.value > 1) {
            return "red";
          }
        }
      }],

      seriesClick:seriesClick

    });

      function seriesClick(){
      $("#chart").kendoChart({
      series: [{
        data: [1, 1],
      }], 
    });

      }

当您点击图表时,它会向下钻取另一个图表,但无法返回主图表:

样本:

LIVE DEMO

1 个答案:

答案 0 :(得分:1)

使用此按钮撤消上一张使用上一张图表创建的图表:

$('<button>Back</button>')
    .on("click", function() {
    createChart();
    $(this).remove();
})
.appendTo($('body'));

Demo