相关疑难解决方法(0)

如何防止标签在移动屏幕Chart.js上重叠

我在jsfiddle上使用此示例,但是当我使用小屏幕时,标签开始像这样重叠

像这样重叠

我可以采取什么预防措施?我想使其完全响应。我试图更改长度和其他长宽比等,但没有成功。

    var ctx = $('#myChart');

ctx.height(500);

var myChart = new Chart(ctx, {
    type: 'horizontalBar',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, …
Run Code Online (Sandbox Code Playgroud)

responsive-design chart.js

5
推荐指数
1
解决办法
2020
查看次数

标签 统计

chart.js ×1

responsive-design ×1