Javascript 基于视口宽度删除标题

是否可以根据视口宽度删除Y轴标题

我可以通过CSS实现这一点，如下所示：

@media (max-width:480px) {
  .highcharts-yaxis-title {
    display:none;
  }
}

---

然而，问题是，在标题应该出现的地方仍然有很大的差距。

它应该是有效的。。。除非你在里面添加了影响高度的东西，否则你试过这样的东西吗

@media (max-width:480px) {
  .highcharts-yaxis-title {
    display:none;
    height: 0;
  }
}

---

您可以编写一个函数来检查

chartWidth

，并相应地使用方法启用或禁用标题

检查是否可以帮助您

$(window).resize(function(){
    var windowWidth = $(window).width()
    if(windowWidth<=480){
        $('#y1').click();
    }
})

$（窗口）。调整大小（函数（）{
var windowWidth=$（window）.width（）
如果（WindowWidth如果您可以使用Javascript:highcharts yaxis title元素的css声明是什么？您的声明应该有效，并且在标题消失时不应该有任何间隙。一定是其他原因造成了这种间隙。您能提供一个重现您的问题的工作演示吗？@JugalThakkar的回答很好，而且很简单。）一句解释的话。媒体查询不会起作用，因为SVG中的所有内容都是使用x/y位置计算和显示的。宽度/高度也是如此。当你只隐藏SVG元素时，它不会在图表上回流任何内容，你需要手动管理这个空间。这留下了一个空白。似乎highcharts本身不会调整其余部分的大小。我最终做了很遗憾，它不能在css中完成，但这是下一个最好的方法。
chart: {
    events: {
        redraw: function () {
            updateAxisTitle(this);
        },
        load: function () {
            updateAxisTitle(this);
        }
    }
}

$(window).resize(function(){
    var windowWidth = $(window).width()
    if(windowWidth<=480){
        $('#y1').click();
    }
})