小编gre*_*ech的帖子

ChartJS 在小屏幕上隐藏标签

我在小屏幕尺寸(手机)上隐藏 xAxes 和 yAxes 标签时遇到问题。我知道有这个选项:

options:
        {
            scales:
            {
                xAxes: [{
                    ticks:{
                        display: false
                    }

                }];
            }
        }
Run Code Online (Sandbox Code Playgroud)

但是如果我像这样在 onResize 函数中使用它

var ctx = document.getElementById("chart");

var myChart = new Chart(ctx, {
    //chart data and options,

   onResize: function(myChart, size) {

   if (size.height < 140) {
        options:
        {
            scales:
            {
                xAxes: [{
                    ticks:{
                        display: false
                    }

                }];
            }
        }
     }
});
Run Code Online (Sandbox Code Playgroud)

但它不适用于调整大小。隐藏标签 onResize 甚至是正确的解决方案吗?我正在使用 Chrome 响应模式和调整大小进行测试,但是如果从手机访问它会吗?

有人可以帮我解决这个问题并指出我正确的方向吗?

谢谢,格雷戈尔

javascript chart.js responsive

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

标签 统计

chart.js ×1

javascript ×1

responsive ×1