Chart.js 响应=错误,不工作
我正试图显示一些图表,但我有两个主要的,我可以使用一些帮助。第一个,Chart.js 响应=错误,不工作,chart.js,Chart.js,我正试图显示一些图表,但我有两个主要的,我可以使用一些帮助。第一个,responsive=false似乎不起作用,因为每当我加载图表时,它会使图表变大,第二个是我的悬停工具提示似乎无法工作 下面是我的图表代码的样子: var ctx = document.getElementById("myChart").getContext("2d"); //this.$refs.canvas var myChart = new Chart(ctx, { type: 'pie', data: {
responsive=false
似乎不起作用,因为每当我加载图表时,它会使图表变大,第二个是我的悬停工具提示似乎无法工作
下面是我的图表代码的样子:
var ctx = document.getElementById("myChart").getContext("2d"); //this.$refs.canvas
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ["Checked", "Un-Checked"],
datasets: [{
label: '# of Hits',
data: [1000, 500],
backgroundColor: [
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)'
],
borderColor: [
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: false
}
});
给
myChart
一个固定宽度,如:
<div id="myChart" style="width:200px;"></div>
它适合我。无法直接从canvas元素检测画布大小的更改。Chart.js使用其父容器更新画布渲染和显示大小。但是,此方法要求容器相对定位并仅用于图表画布。然后,可以通过设置容器大小的相对值来实现响应
来源:在父div中设置它,请参见。。。