Я пытаюсь встроить граф Vega-Lite в приложение React.js следующим образом:
class ClusterDistribution extends Component {
createPlot = () => {
...
vegaEmbed(this.node, spec, { actions: false }).then(res => {
res.view.insert("myData", myData);
});
};
componentDidUpdate() {
this.createPlot();
}
render() {
return <div ref={node => (this.node = node)} />;
}
}
Данные загружаются хорошо, но есть странное поведение, когда они рисуют столбцы только при наведении курсора, как показано в этом видео:
показать при наведении
Любые мысли о том, почему это может происходить, были бы великолепны!