Question

我面临的一个问题是，当所有跟踪值都接近0时，多个轨迹的悬停标签与x轴的悬停标签重叠。

在下面的示例中，将鼠标悬停在x=1000

上可以看到重叠

const data = []
const x = [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000];
data.push({
  x: x,
  y: [100, 105, 132, 150, 130, 103, 2, 200, 301, 1],

});

data.push({
  x: x,
  y: [200, 205, 232, 250, 230, 193, 1, 100, 201, 0],
})

data.push({
  x: x,
  y: [0, 205, 232, 250, 230, 193, 10, 100, 0, 0],
})

const layout = {
  height: 350,
  xaxis: {
    // tickformat: ',.2r',
  },
  hoverlabel: {
    font: {
      family: 'Helvetica Neue',
      size: 11,
    }
  }
}

Plotly.plot('graph', data, layout);

<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>
  <div id="graph"></div>
</body>

https://codepen.io/anon/pen/RBpQPg

任何解决方法将不胜感激。例如，是否可以将所有悬停标签以某种方式组合为1个标签？

Plotly.js-多个轨迹的悬停标签与xaxis悬停标签重叠

0 个答案: