在(Android WebView HTML5画布错误)中,我发布了一个关于使用Graph.js库绘制图形的问题.我现在的问题是,如果我调用函数多次绘制图形,画布每次调整大小.每次将图形重绘为同一画布时,其大小也会发生变化.我也尝试设置画布的大小但没有成功.
可能是什么原因?为什么画布每次调整大小?
我正在尝试使用chart.js来创建缩略图,这些缩略图将链接到包含完整图表的页面.链接页面上的完整图表看起来不错,但对于缩略图我无法正确调整大小.画布覆盖右侧区域,但图形不会垂直填充.
var data = {
labels: ['','','','','','','','','',''],
datasets: [{
data:[22,25,23,24,25,22,25,23,24,25],
backgroundColor: "rgba(54, 255, 170, 0.4)",
borderColor: "rgba(54, 255, 170, 1)",
orderWidth: 1,
}]
};
var options = {
tooltips: false,
legend: {
display:false
},
scales: {
yAxes: [{
display:false,
ticks: {
beginAtZero:true
}
}],
xAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
}
}]
}
};
new Chart($("#chart-"+this.model.id), {
type: 'bar',
data: data,
options: options
});
Run Code Online (Sandbox Code Playgroud)
我已经尝试过调整画布的最小高度,但这会导致条纹模糊.有什么方法可以调整条的高度占据整个画布?