精细-使轴刻度标签响应式

Question

使用react-plotly，我试图使一些图表响应。我遇到一个问题，当有人使用低分辨率时，轴刻度标签与图例重叠，图例也位于图表下方。

是否有一些巧妙的方法可以解决这个问题？尝试使用选择器（例如

）在CSS中调整字体大小

.xtick > text

令人头疼，并且无法为我提供适当的解决方法。

图例本身是这样创建的：

  legend: {
    orientation: 'h',
    y: -0.05
  },

Answer 1

这是一个尚待解决的公开问题，最后：) https://github.com/plotly/plotly.js/issues/1199