2

実行時に id で div を追加しようとしています。同時に剣道UIチャートをそのdivに追加しようとしています。しかし、私はそれを行うことができません。誰かに何か提案があれば、それは緊急です。値を入力するテキストボックスが 1 つあり、その数値を追加しようとしています。

これが私のコードです：

function createChart() { 
    var noofcharts = document.getElementById('noOfCharts').value; 

    for(var i=1;i<=noofcharts;i++){ 
        var varSlid = "chart"+i; 
        var div= $("<div id='+varSlid+' style='display:inline-block;width: 20%; height: 20%;border:2px solid;'></div>" ); 
        $(document.body).append(div); 
        div.kendoChart({ series: [ { data: [1, 2] } ] }); 
    } 
}

エラーは次のとおりです。

エラー: HTML ドキュメントの文字エンコーディングが宣言されていません。ドキュメントに US-ASCII 範囲外の文字が含まれている場合、一部のブラウザー構成では、ドキュメントが文字化けしてレンダリングされます。ページの文字エンコーディングは、ドキュメントまたは転送プロトコルで宣言する必要があります

4

1 に答える 1

-1

これを試して：

function createChart() {
    var noofcharts = $('#noOfCharts').val();

    for (var i = 1; i <= noofcharts; i++) {
        var varSlid = "chart" + i;
        var div = $("<div id='"+varSlid+"' style='display:inline-block;width: 20%; height: 20%;border:2px solid;'></div>");
        $(document.body).append(div);
        div.kendoChart({ series: [
            { data: [1, 2] }
        ] });
    }
}

これにより、次のようなものが生成されます。

<body>
    <div id="chart1" style="display: inline-block; width: 20%; height: 20%; border: 2px solid; position: relative;" data-role="chart" class="k-chart">
    <!-- some codes for kendo chart -->
    </div>
    <div id="chart2" style="display: inline-block; width: 20%; height: 20%; border: 2px solid; position: relative;" data-role="chart" class="k-chart">
    <!-- some codes for kendo chart -->
    </div>
    <div id="chart3" style="display: inline-block; width: 20%; height: 20%; border: 2px solid; position: relative;" data-role="chart" class="k-chart">
    <!-- some codes for kendo chart -->
    </div>
</body>
于 2013-10-10T15:55:35.990 に答える