Twitter bootstrap 3 如何使图表JS具有响应性？

我将Chart.js与Twitter引导模板一起使用。如果我没有提到画布的高度和宽度，图表的大小就不正确。但是如果我指定宽度和高度，那么图表就没有响应性。如何解决此问题？

Chart.js有一个属性（响应），您可以通过使图表响应的选项在全局或图表级别配置该属性。请参阅>响应

// Boolean - whether or not the chart should be responsive and resize when the browser does.
responsive: true,

如果是真的，它会反应迅速。false（默认）使其无响应

---

示例用法（仅适用于相关部分，查看完整考试的代码笔）

代码笔-

---

如果您想保持宽高比，您可能还想查看MaintaintAspectRatio选项。

只是在答案中添加了一个代码笔。我认为对我来说它不起作用。这些图表不可读。“调整大小”实际上是向下的，因此看不到任何条

var ctx = $("#bar").get(0).getContext("2d");
var myChart = new Chart(ctx).Bar(barData, {
  responsive: true
});