Chart.js can'；设置画布宽度

我无法让ChartJS将自身限制为200px。它占据浏览器的整个宽度。我错过了什么

我正在使用以下CDN

<div id="pnlChart" style="height:200px" >
   <canvas id="myChart" width="400" height="200" class="chart" ></canvas>
</div>

从服务器返回的数据似乎格式正确，并且正确绘制了图表。它没有宽度/高度。（我从Chrome的开发工具中获取了这个

---

{“类型”：“线”，“标签”：[0,2,6,7,8,9,10,11,12,13,14,1,3,4,5,15,16,17,18,19,20,21,22,23]，“数据集”：[{“标签”：“数据”，“数据”：[2,1,8,36119179214165,87173220,0,0,0,0,0,0,0,0,0,0]}]

您应该能够通过告诉Chart.js不要使用响应模式来禁用此容器宽度填充行为。尝试将其传递到图表的全局配置中（选项的最高级别）：

有关如何将其融入图表完整定义的示例，请参见

如果出于某种原因，这不起作用，那么您可以改为限制

div

元素的宽度，该元素包含绘制图形的

canvas

。根据您的示例，您可以将其添加到CSS中：

div#pnlChart {width: 200px}

即使您可以使用这些方法中的一种，理想情况下，您也不希望现在为项目指定固定的宽度，因为这会使页面更难在现在使用的无数设备屏幕上很好地显示

最好为你的网站开发一个响应性强的布局，它可以根据屏幕宽度进行调整，从小型智能手机到大型桌面显示器。在线搜索关于“响应性设计”的指南，以获取有关此主题的文章

div#pnlChart {width: 200px}