2

アプリケーションに剣道チャートとツリービューがあります。チェックボックスをオンにしたイベントで値軸を動的に変更したい例ツリービューで「KM」チェックボックスをオンにすると、Km とデータの値軸は次のようになります。チャートで表示。

だから私はいくつかのコードを試しましたが、チャートが表示されません。チェックしたイベントコードは

$("#treeview").on("change", function (e) {
    var chart = $("#chart").data("kendoChart");

    var checkedSeries = [];

    $("#treeview").find(":checked").each(function() {
        var nodeText = $(this).parent().parent().text();

        $.each(valueAxes, function(index, valueAxes) {
            if (valueAxes.field == nodeText) {
                checkedSeries.push(valueAxes);
            }
        });
    });

    chart.options.valueAxes = checkedSeries;
    chart.refresh();
});

私のコードのどこが間違っているのか教えてください。これが私のjsbin http://jsbin.com/eyibar/11/editです

4

1 に答える 1

1

最初に、ツリー ビューの on-change イベント イベントの変数にチャートを割り当てる必要があります。ツリー ビューがチャートを認識せず、値軸であり、valueAxes コードにはフィールドのプロパティがないため、ツリービュー ノードをチェックしてから valueAxes をプッシュする必要がある valueAxes の名前。

$("#treview").on("change", function (e) {
                var chart = $("#chart").data("kendoChart");
                var checkedSeries = [];
                if ($("#treeview").find(":checked").length !== 0) {
                    $("#treeview").find(":checked").each(function () {
                        var nodeText = $(this).parent().parent().text();
                        $.each(valueAxes, function (index, valueAxes) {
                            if (valueAxes.name == nodeText) {
                                checkedSeries.push(valueAxes);
                                checkedSeries.visible = true;
                            }
                        });
                    });
                    createChart(checkedSeries);
                }
                else {
                    createChart(checkedSeries);
                }
            });
于 2013-04-09T05:33:33.003 に答える