相关疑难解决方法(0)

Chart.js画布调整大小

在(Android WebView HTML5画布错误)中,我发布了一个关于使用Graph.js库绘制图形的问题.我现在的问题是,如果我调用函数多次绘制图形,画布每次调整大小.每次将图形重绘为同一画布时,其大小也会发生变化.我也尝试设置画布的大小但没有成功.

可能是什么原因?为什么画布每次调整大小?

html5 canvas chart.js

79
推荐指数
6
解决办法
19万
查看次数

Chart.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)

我已经尝试过调整画布的最小高度,但这会导致条纹模糊.有什么方法可以调整条的高度占据整个画布?

height canvas chart.js

2
推荐指数
2
解决办法
7607
查看次数

标签 统计

canvas ×2

chart.js ×2

height ×1

html5 ×1