开发者问题收集

图表工作不正确 chart.js

2019-03-25
141

CodeSandbox

当我尝试使用顶部面板更改图表数据时,它可以工作,但当我将鼠标悬停在图表上时,它会反复更改数据。为什么会发生这种情况?

例如,单击“周”,然后将鼠标悬停在下面的图表上。

2个回答

我看了你提供的 CodeSandbox,发现你的工具提示与值相交:false,而且我认为它会一直使用工具提示模式,而不是在你想要的时候,所以试着这样放,看看它是否有效:

tooltips: {
      mode: "index",
      intersect: true
    },

建议: 将其添加到 renderLi(参考 CodeSandbox 示例)

onMouseOver={() => {
      this.setState({ selectedIdx: key });
      this.props.itemKey(key);
    }}
Daniel Alexandre
2019-03-25

我将图表添加到全局范围。如果图表存在且不等于 null ⇒ 它将会被销毁。相应的闪烁消失了

if (window.eChart && window.eChart !== null) {
  window.eChart.destroy();
}
Arthur
2019-03-26