2

我正在尝试在运行时添加一个带有 id 的 div。然后同时尝试将剑道 ui 图表添加到该 div 中。但我无法做到这一点。如果有人有任何建议。它很紧急。我有一个文本框,我在其中输入一个值,然后尝试添加该数字。

这是我的代码:

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 回答