How do i import stuff from eCharts when using this in isomorphic app?

damiangreen commented 6 years ago

I'm using RSK and I think this line is causing me issues on page reload

const dattoHorizontalGradient = new echarts.graphic.LinearGradient(...)

I manged to get around window.document errors when using the main component by doing tihs: const EchartsReact = typeof document !== 'undefined' && require('echarts-for-react').default; // eslint-disable-line ...

  {EchartsReact &&
            this.props.option && (
              <EchartsReact
                option={option}
                style={{
                  height: '100%',
                  width: '100%',
                }}
              />
            )}

Is there another way of importing gradients I'm unaware of?

hustcc commented 6 years ago

Why you need to:

const EchartsReact = typeof document !== 'undefined' && require('echarts-for-react').default;

Use it when ssr?

damiangreen commented 6 years ago

Do i load LinearGradient from EchartsReact also? Can i only instantiate one of these objects in ComponentDidMount ?

hustcc / echarts-for-react

How do i import stuff from eCharts when using this in isomorphic app? #212