Javascript Chart.js大小不适合div

我已经尝试了很多事情（修改css，将内联css添加到画布，将内联css添加到画布的包装div），但我仍然无法使图表正确地适合面板

这是HTML

        <section class="panel">
            <header class="panel-heading">
                Temp
            </header>
                <canvas id="tempChart"></canvas>
        </section>

临时雇员

下面是js代码

<script>

var data = {
    labels: ["January", "Aary", "March", "April", "May", "June"],
    datasets: [{
        label: "My First dataset",
        fillColor: 'rgba(220,220,220,0)',
        strokeColor: "rgba(220,220,220,1)",
        pointColor: 'red',
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(220,220,220,1)",
        data: [65, 59, 80, 81, 56, 55, 40]
    } ]
};

var option = {
    responsive: true,

};

var ctx = $("#tempChart").get(0).getContext("2d");
var myLineChart = new Chart(ctx).Line(data, option);

风险值数据={
标签：[“一月”、“每年”、“三月”、“四月”、“五月”、“六月”]，
数据集：[{
标签：“我的第一个数据集”，
fillColor:'rgba（220220,0）'，
strokeColor:“rgba（2201）”，
pointColor:'红色'，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[65,59,80,81,56,55,40]
} ]
};
var选项={
回答：是的，
};
var ctx=$（“#tempChart”）.get（0.getContext（“2d”）；
var myLineChart=新图表（ctx）.Line（数据，选项）；

CSS中的类面板仅包含图形内容，如边框背景颜色等。 顺便说一下，我正在使用引导网格。

---

感谢您的帮助。

您是否已尝试将所有图表设置为默认响应值：

Chart.defaults.global.responsive=true

您的全局Syntax似乎是正确的，您设置好了吗

var options = { responsive:true }

但是,；这是一个很小的细节，但你在那之后又加上了昏迷。
我建议把它去掉

正如@brian所建议的；请告诉我们lib的版本。
添加一个jsfindle就更好了
谢谢您的回复。问题是我使用的lib版本。更新解决了问题。
是否可以添加一个？是否尝试将所有图表设置为默认值：Chart.defaults.global.responsive=true；这是chartjs的v1吗？你试过ctx.height和ctx.width属性吗？比如：ctx.height=20；ctx.width=80；它将为画布元素设置宽度和高度。