blocks|key|200909|text|我也有类似的问题，找到了你的答案..我最终找到了一个解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|200910|看起来Chart.js的源代码具有以下内容(可能是因为它不会在同一画布中重新渲染和完全不同的图形)：|200911|++++//High+pixel+density+displays+-+multiply+the+size+of+the+canvas+height/width+by+the+device+pixel+ratio,+then+scale.
if+(window.devicePixelRatio)+{
++++context.canvas.style.width+=+width+%2B+"px";
++++context.canvas.style.height+=+height+%2B+"px";
++++context.canvas.height+=+height+*+window.devicePixelRatio;
++++context.canvas.width+=+width+*+window.devicePixelRatio;
++++context.scale(window.devicePixelRatio,+window.devicePixelRatio);
}|code-block|syntax|javascript|200912|如果它被调用一次，这是可以的，但是当您多次重绘时，最终会多次更改canvas+DOM元素的大小，从而导致重新调整大小。|200913|希望这能有所帮助！|200914|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>I had a similar problem and found your answer.. I eventually came to a solution.</p>

<p>It looks like the source of Chart.js has the following(presumably because it is not supposed to re-render and entirely different graph in the same canvas):</p>

<pre><code>    //High pixel density displays - multiply the size of the canvas height/width by the device pixel ratio, then scale.
if (window.devicePixelRatio) {
    context.canvas.style.width = width + "px";
    context.canvas.style.height = height + "px";
    context.canvas.height = height * window.devicePixelRatio;
    context.canvas.width = width * window.devicePixelRatio;
    context.scale(window.devicePixelRatio, window.devicePixelRatio);
}
</code></pre>

<p>This is fine if it is called once, but when you redraw multiple times you end up changing the size of the canvas DOM element multiple times causing re-size.</p>

<p>Hope that helps!</p>


blocks|key|200983|text|当Chart.js被调用时，它会将画布的大小放大一倍，然后尝试使用CSS缩小画布的大小，目的是为高dpi设备提供更高分辨率的图形。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|200984|问题是它没有意识到它已经做到了这一点，所以当连续调用时，它会再次将已经(两倍或更多)的大小乘以，直到事情开始崩溃。(实际发生的情况是，它正在检查是否应该通过更改宽度和高度的DOM属性来向画布添加更多像素，如果应该，则将其乘以某个因子，通常为2，然后更改该因子，然后更改css样式属性以保持页面上的大小不变。)|200985|例如，当您运行一次并将画布宽度和高度设置为300时，它会将它们设置为600，然后将样式属性更改为300...但是如果您再次运行它，它会看到DOM的宽度和高度是600+(请检查这个问题的另一个答案以了解原因)，然后将其设置为1200，将css的宽度和高度设置为600。|200986|这不是最优雅的解决方案，但我解决了这个问题，同时保持了视网膜设备的增强分辨率，只需在每次连续调用Chart.js之前手动设置画布的宽度和高度|200987|var+ctx+=+document.getElementById("canvas").getContext("2d");
ctx.canvas.width+=+300;
ctx.canvas.height+=+300;
var+myDoughnut+=+new+Chart(ctx).Doughnut(doughnutData);|code-block|syntax|javascript|200988|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>What's happening is Chart.js multiplies the size of the canvas when it is called then attempts to scale it back down using CSS, the purpose being to provide higher resolution graphs for high-dpi devices.</p>

<p>The problem is it doesn't realize it has already done this, so when called successive times, it multiplies the already (doubled or whatever) size AGAIN until things start to break. (What's actually happening is it is checking whether it should add more pixels to the canvas by changing the DOM attribute for width and height, if it should, multiplying it by some factor, usually 2, then changing that, and then changing the css style attribute to maintain the same size on the page.)  </p>

<p>For example, when you run it once and your canvas width and height are set to 300, it sets them to 600, then changes the style attribute to 300...  but if you run it again, it sees that the DOM width and height are 600 (check the other answer to this question to see why) and then sets it to 1200 and the css width and height to 600.</p>

<p>Not the most elegant solution, but I solved this problem while maintaining the enhanced resolution for retina devices by simply setting the width and height of the canvas manually before each successive call to Chart.js</p>

<pre><code>var ctx = document.getElementById("canvas").getContext("2d");
ctx.canvas.width = 300;
ctx.canvas.height = 300;
var myDoughnut = new Chart(ctx).Doughnut(doughnutData);
</code></pre>


blocks|key|201050|text|正如jcmiller11建议的那样，设置宽度和高度会有所帮助。一个稍微好一点的解决方案是在绘制图表之前检索画布的宽度和高度。然后在图表的每次后续重新绘制时使用这些数字来设置图表。这确保了javascript代码中没有常量。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|201051|ctx.canvas.originalwidth+=+ctx.canvas.width;
ctx.canvas.originalheight+=+ctx.canvas.height;

function+drawchart()+{
++++ctx.canvas.width+=+ctx.canvas.originalwidth;
++++ctx.canvas.height+=+ctx.canvas.originalheight;

++++var+chartctx+=+new+Chart(ctx);
++++myNewBarChart+=+chartctx.Bar(data,+chartSettings);+
}|code-block|syntax|javascript|201052|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>As jcmiller11 suggested, setting the width and height helps.
A slightly nicer solution is to retrieve the width and height of the canvas before drawing the chart.
Then using those numbers for setting the chart on each subsequent re-draw of the chart.
This makes sure there are no constants in the javascript code.</p>

<pre><code>ctx.canvas.originalwidth = ctx.canvas.width;
ctx.canvas.originalheight = ctx.canvas.height;

function drawchart() {
    ctx.canvas.width = ctx.canvas.originalwidth;
    ctx.canvas.height = ctx.canvas.originalheight;

    var chartctx = new Chart(ctx);
    myNewBarChart = chartctx.Bar(data, chartSettings); 
}
</code></pre>


blocks|key|201082|text|我遇到了很多问题，因为当鼠标悬停时，我的线条图形看起来很糟糕，我找到了一种更简单的方法，希望它能有所帮助:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|201083|使用以下Chart.js选项：|201084|//+Boolean+-+whether+or+not+the+chart+should+be+responsive+and+resize+when+the+browser+does.

responsive:+true,

//+Boolean+-+whether+to+maintain+the+starting+aspect+ratio+or+not+when+responsive,+if+set+to+false,+will+take+up+entire+container

maintainAspectRatio:+false,|code-block|syntax|javascript|201085|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I had a lot of problems with that, because after all of that my line graphic looked terrible when mouse hovering and I found a simpler way to do it, hope it will help :)</p>

<p>Use these Chart.js options:</p>

<pre><code>// Boolean - whether or not the chart should be responsive and resize when the browser does.

responsive: true,

// Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container

maintainAspectRatio: false,
</code></pre>


blocks|key|201139|text|在IOS和Android中，当你滚动时，浏览器会隐藏工具栏，从而改变窗口的大小，反过来引导图表来调整图表的大小。解决方案是保持纵横比。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|201140|var+options+=+{+
++++responsive:+true,
++++maintainAspectRatio:+true
}|code-block|syntax|javascript|201141|这应该可以解决您的问题。|201142|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>In IOS and Android the browser hides the toolbar when you are scrolling, thereby changing the size of the window which inturn lead chartjs to resize the graph.
The solution is to maintain the aspect ratio.</p>

<pre><code>var options = { 
    responsive: true,
    maintainAspectRatio: true
}
</code></pre>

<p>This should solve your problem.</p>


blocks|key|4706833|text|+let+canvasBox+=+ReactDOM.findDOMNode(this.refs.canvasBox);
+let+width+=+canvasBox.clientWidth;
+let+height+=+canvasBox.clientHeight;
+let+charts+=+ReactDOM.findDOMNode(this.refs.charts);
+let+ctx+=+charts.getContext('2d');
+ctx.canvas.width+=+width;
+ctx.canvas.height+=+height;
+this.myChart+=+new+Chart(ctx);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4706834|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> let canvasBox = ReactDOM.findDOMNode(this.refs.canvasBox);
 let width = canvasBox.clientWidth;
 let height = canvasBox.clientHeight;
 let charts = ReactDOM.findDOMNode(this.refs.charts);
 let ctx = charts.getContext('2d');
 ctx.canvas.width = width;
 ctx.canvas.height = height;
 this.myChart = new Chart(ctx);
</code></pre>


blocks|key|201177|text|这对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|201178|<body>
++++<form>
++++++++[...]
++++++++<div+style="position:absolute;+top:60px;+left:10px;+width:500px;+height:500px;">
++++++++++++<canvas+id="cv_values"></canvas>

++++++++++++<script+type="text/javascript">
++++++++++++++++var+indicatedValueData+=+{
++++++++++++++++++++labels:+["1",+"2",+"3"],
++++++++++++++++++++datasets:+[
++++++++++++++++++++++++{
++++++++++++++++++++++++++++[...]
++++++++++++++++++++++++};

++++++++++++++++var+cv_values+=+document.getElementById("cv_values").getContext("2d");
++++++++++++++++var+myChart+=+new+Chart(cv_values,+{+type:+"line",+data:+indicatedValueData+});
++++++++++++</script>
++++++++</div>
++++</form>
</body>|code-block|syntax|javascript|201179|重要的事实是，我们必须在div-tag中设置画布的大小。|201180|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>This works for me:</p>

<pre><code>&lt;body&gt;
    &lt;form&gt;
        [...]
        &lt;div style="position:absolute; top:60px; left:10px; width:500px; height:500px;"&gt;
            &lt;canvas id="cv_values"&gt;&lt;/canvas&gt;

            &lt;script type="text/javascript"&gt;
                var indicatedValueData = {
                    labels: ["1", "2", "3"],
                    datasets: [
                        {
                            [...]
                        };

                var cv_values = document.getElementById("cv_values").getContext("2d");
                var myChart = new Chart(cv_values, { type: "line", data: indicatedValueData });
            &lt;/script&gt;
        &lt;/div&gt;
    &lt;/form&gt;
&lt;/body&gt;
</code></pre>

<p>The essential fact is that we have to set the size of the canvas in the div-tag.</p>


blocks|key|4706928|text|我在使用Angular+CLI时遇到了同样的缩放问题。我可以通过从index.html中删除下面这行代码来让它工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4706929|<script+src="node_modules/chart.js/dist/Chart.bundle.min.js"></script>|code-block|syntax|javascript|4706930|然后在angular-cli.json文件的脚本部分中，使用以下命令：|4706931|"scripts":+["../node_modules/chart.js/dist/Chart.bundle.min.js"]|4706932|Source：mikebarr58|offset|length|4706933|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/valor-software/ng2-charts/issues/458^0|0|0|0|0|0|6|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>I had the same kind of scaling issue's using Angular CLI. Was able to get it working by removing this line from the index.html:</p>

<pre><code>&lt;script src="node_modules/chart.js/dist/Chart.bundle.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>and then in the angular-cli.json file, in the scripts section, using this:</p>

<pre><code>"scripts": ["../node_modules/chart.js/dist/Chart.bundle.min.js"]
</code></pre>

<p><a href="https://github.com/valor-software/ng2-charts/issues/458" rel="nofollow noreferrer">Source</a>: mikebarr58</p>


blocks|key|4706976|text|如果有人遇到问题，我找到了一个不涉及牺牲响应等问题的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4706977|只需将画布包装在div容器中(无样式)，并在调用Chart构造函数之前将div的内容重置为具有ID的空画布。|4706978|示例：|4706979|HTML：|4706980|<div+id="chartContainer">
++++<canvas+id="myChart"></canvas>
</div>|code-block|syntax|javascript|4706981|JS：|4706982|$("#chartContainer").html('<canvas+id="myChart"></canvas>');
//call+new+Chart()+as+usual|4706983|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>If anyone is having problems, I found a solution that doesn't involve sacrificing responsiveness etc.</p>

<p>Simply wrap your canvas in a div container (no styling) and reset the contents of the div to an empty canvas with ID before calling the Chart constructor.</p>

<p>Example:</p>

<p>HTML:</p>

<pre><code>&lt;div id="chartContainer"&gt;
    &lt;canvas id="myChart"&gt;&lt;/canvas&gt;
&lt;/div&gt;
</code></pre>

<p>JS:</p>

<pre><code>$("#chartContainer").html('&lt;canvas id="myChart"&gt;&lt;/canvas&gt;');
//call new Chart() as usual
</code></pre>


blocks|key|4707002|text|添加div就可以解决这个问题|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4707003|<div+style="position:absolute;+top:50px;+left:10px;+width:500px;+height:500px;"></div>|code-block|syntax|javascript|4707004|entityMap^0|2|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Add <code>div</code> and it will solve the problem</p>

<pre class="lang-html prettyprint-override"><code>&lt;div style="position:absolute; top:50px; left:10px; width:500px; height:500px;"&gt;&lt;/div&gt;
</code></pre>


blocks|key|201343|text|我也有同样的问题。我可以通过设置选项来解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|201344|​|201345|responsive:+false,
maintainAspectRatio:+true,
showScale:+false,|code-block|syntax|javascript|201346|201347|在css中，将容器div的宽度设置为与画布相同：|201348|201349|++++#canvasContainer+{+
++++++width:+300px;
++++}
++++
++++canvas+{
++++++width:+300px;
++++}|201350|201351|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|V|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|O|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

<p>I was having the same problem. I was able to solve it by setting option:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>responsive: false,
maintainAspectRatio: true,
showScale: false,</code></pre>
</div>
</div>
</p>

<p>And in css, set the width of the container div the same as the canvas:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>    #canvasContainer { 
      width: 300px;
    }
    
    canvas {
      width: 300px;
    }</code></pre>
</div>
</div>
</p>


blocks|key|4707111|text|以下是官方文档：https://www.chartjs.org/docs/latest/general/responsive.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4707112|检测画布大小何时发生变化不能直接从画布元素中完成。Chart.js使用其父容器更新画布渲染和显示大小。但是，此方法要求容器相对定位，并且仅专用于图表画布。然后，可以通过设置容器大小的相对值来实现响应(示例)：|4707113|<div+class="chart-container"+style="position:+relative;+height:40vh;+width:80vw">
++++<canvas+id="chart"></canvas>
</div>|code-block|syntax|javascript|4707114|entityMap|0|LINK|mutability|MUTABLE|url|https://www.chartjs.org/docs/latest/general/responsive.html^0|8|1N|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Here is the official dokumentation:  <a href="https://www.chartjs.org/docs/latest/general/responsive.html" rel="nofollow noreferrer">https://www.chartjs.org/docs/latest/general/responsive.html</a></p>
<p>Detecting when the canvas size changes can not be done directly from the canvas element. Chart.js uses its parent container to update the canvas render and display sizes. However, this method requires the container to be relatively positioned and dedicated to the chart canvas only. Responsiveness can then be achieved by setting relative values for the container size (example):</p>
<pre><code>&lt;div class=&quot;chart-container&quot; style=&quot;position: relative; height:40vh; width:80vw&quot;&gt;
    &lt;canvas id=&quot;chart&quot;&gt;&lt;/canvas&gt;
&lt;/div&gt;
</code></pre>


blocks|key|201474|text|我在这个线程上尝试了多个答案，对我有效的是(注意，我使用的是reactjs)，检查我之前传递给图表组件的道具。当我调整DOM的大小时，图表被重新绘制为空数据。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|201475|componentDidUpdate(prevProps:+ChartProps)+{+if(prevProps.data+!==+props.data)+renderChart();+}|code-block|syntax|javascript|201476|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I tried multiple answers on this thread and what worked for me was that (Note I am using reactjs), checking my previous props passed into the chart component.
When I was resizing my DOM, the chart was getting re-drawn with empty data.</p>
<pre><code>componentDidUpdate(prevProps: ChartProps) { if(prevProps.data !== props.data) renderChart(); }
</code></pre>


blocks|key|201520|text|接受的-+responsive:true,+maintainAspectRatio:false+-不适用于我的场景。但是我发现我们可以简单地调用图表上的update方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|201521|因此，我发现自己在调整matchMedia侦听器内部的值。如下所示：|201522|myRadarChart.options.scales.r.pointLabels.font.size+=+"1rem";
myRadarChart.update();|code-block|syntax|javascript|201523|entityMap^0|5|16|24|6|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<p>The accepted - <code>responsive:true, maintainAspectRatio:false</code> - did not work for my scenario.
But I found we can simply call the <code>update</code> method on the chart.</p>
<p>So I found myself tweaking values inside matchMedia listeners .. like so:</p>
<pre><code>myRadarChart.options.scales.r.pointLabels.font.size = &quot;1rem&quot;;
myRadarChart.update();
</code></pre>


<p>In (<a href="https://stackoverflow.com/questions/19167827/android-webview-html5-canvas-error">Android WebView HTML5 canvas error</a>) i posted a question regarding plotting graphs using Graph.js library.
The problem i have now is that if i call the function to plot the graph multiple times, the canvas resizes every time. Each time the graph is redrawn to the same canvas, its size also changes.
I also tried setting the size of the canvas but without success.</p>

<p>What could be the reason? Why does the canvas resize every time?</p>


Chart.js canvas resize

Android

容器

在()中，我发布了一个关于使用Graph.js库绘制图形的问题。现在的问题是，如果我多次调用该函数来绘制图形，画布每次都会调整大小。每次将图形重新绘制到同一画布时，其大小也会发生变化。我也尝试了设置画布的大小，但没有成功。可能的原因是什么？为什么画布每次都会调整大小？

问Chart.js画布调整大小
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chart.js画布调整大小EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chart.js画布调整大小
EN