Javascript 画布大小调整-IOS HTML5应用程序-（图表JS）

我在html5 IOS应用程序中遇到了一个奇怪的图表JS（）间歇性问题

我已将我的画布定义如下所示-

 <canvas id="overallChart" height="270" width="270" style="height:270px!important; width:270px!important;"></canvas> 

尽管有内联的重要样式，画布还是随机绘制出一个巨大的图表版本，并改变高度/宽度值

---

还有其他人经历过这种行为吗？有任何修复建议吗？

尝试更改此行：

var lineChart = new Chart(document.getElementById("lineChart").getContext("2d")).Line(lineData)

到

---

看看这对你是否有效

尝试更改此行：

var lineChart = new Chart(document.getElementById("lineChart").getContext("2d")).Line(lineData)

到

---

看看这对你是否有效

在javascript中，您试图选择id为“lineChart”的元素，但在HTML中，您给元素的id为“overallChart”。更改：

var lineChart = new Chart(document.getElementById("lineChart").getContext("2d")).Line(lineData)

致：

---

在javascript中，您试图选择id为“lineChart”的元素，但在HTML中，您给元素的id为“overallChart”。更改：

var lineChart = new Chart(document.getElementById("lineChart").getContext("2d")).Line(lineData)

致：

---

我遇到了相同/类似的问题并找到了解决方案：在以前使用的画布上重新绘制时出现了问题（例如，重新绘制以合并新的用户输入数据，或绘制不同类型的图表）。在“新鲜”画布上绘制从来不会导致缩放问题

因此，解决方案是在绘制之前用新画布替换使用过的画布。在jQuery中：

$("#overallChart").replaceWith("<canvas id='overallChart' height='270' width='270'></canvas>");
var lineChart = new Chart(document.getElementById("overallChart").getContext("2d")).Line(lineData);

$（“#总图”）。替换为（“”）；
var lineChart=新图表（document.getElementById（“总体图表”）.getContext（“2d”））.Line（lineData）；

我遇到了相同/类似的问题并找到了解决方案：在以前使用的画布上重新绘制时出现了问题（例如，重新绘制以合并新的用户输入数据，或绘制不同类型的图表）。在“新鲜”画布上绘制从来不会导致缩放问题

因此，解决方案是在绘制之前用新画布替换使用过的画布。在jQuery中：

$("#overallChart").replaceWith("<canvas id='overallChart' height='270' width='270'></canvas>");
var lineChart = new Chart(document.getElementById("overallChart").getContext("2d")).Line(lineData);

$（“#总图”）。替换为（“”）；
var lineChart=新图表（document.getElementById（“总体图表”）.getContext（“2d”））.Line（lineData）；