我在小屏幕尺寸(手机)上隐藏 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 响应模式和调整大小进行测试,但是如果从手机访问它会吗?
有人可以帮我解决这个问题并指出我正确的方向吗?
谢谢,格雷戈尔