React-plotly：使用WebGL（scattergl）不可见绘图线

Question

我正在使用react-plotly在React组件内部实现折线图，如以下代码所示。但是，该图不可见。使用scattergl的原因是我在生产中要显示大量数据点。谁能帮我解决这个问题。我正在使用react.js版本16.8.6和react-plotly版本2.4.0。

    import React, { Component } from "react";
    import { Row } from "reactstrap";
    import Plotly from "plotly.js"
    import createPlotlyComponent from 'react-plotly.js/factory';
    const Plot = createPlotlyComponent(Plotly);

    class Graph extends Component {
      render() {
        return (
          <Plot
            data={[
              {
                x: [new Date(2019,12,19), new Date(2020,1,4)],
                y: [1,4],
                type: "scattergl",
                mode: "lines+markers",
                marker: {
                  line: {
                    width: 1,
                    color: '#404040'}
                  },
              },
            ]}
          />
        );
      }
    }

    export default Graph;

Answer 1

从类型scattergl中删除'gl'应该可以完成工作

https://plotly.com/javascript/react/

我希望这会有所帮助。