Javascript Chart.js AngularJS大小选项

Javascript Chart.js AngularJS大小选项,javascript,angularjs,chart.js,Javascript,Angularjs,Chart.js,我有以下HTML: <canvas id="line" class="chart chart-line" data="activity_data" labels="activity_label" legend="true" series="activity_series" click="onClick"> </canvas> 这给了我一个图表,上面有我全屏的高度和宽度 现在我当然需要把这个弄小一些 所以我尝试:

我有以下HTML:

    <canvas id="line" class="chart chart-line" data="activity_data"
        labels="activity_label" legend="true" series="activity_series"             click="onClick">
</canvas>

这给了我一个图表,上面有我全屏的高度和宽度

现在我当然需要把这个弄小一些

所以我尝试:

            <canvas id="line" class="chart chart-line" data="activity_data"
            labels="activity_label" legend="true" series="activity_series"             click="onClick"
 style="height: 400px;">
    </canvas>

不变

然后


不变

然后我尝试使用选项功能:

        <canvas id="line" class="chart chart-line" data="activity_data"
            labels="activity_label" legend="true" series="activity_series"             click="onClick"
 options="{height: 400}">
    </canvas>

这再一次没有效果


所以我的问题是我做错了什么?

你有没有试着用一个div把它包起来,并给div设置一个高度?@anpsmn我还没有试过没有
        <canvas id="line" class="chart chart-line" data="activity_data"
            labels="activity_label" legend="true" series="activity_series"             click="onClick"
 options="{height: 400}">
    </canvas>