基于涂鸦IOT项目的 RN项目 使用 echarts

Question

基于涂鸦IOT项目的 RN项目 使用 echarts

问题相关代码

import React, { PureComponent } from 'react';
import { View, ScrollView, StyleSheet, Text, Image } from 'react-native';
import { TYSdk, Utils, TYText, Dialog } from 'tuya-panel-kit';
const { convertX: cx, convertY: cy } = Utils.RatioUtils;
import Res from '../../res';
import Echarts from 'native-echarts';
import { connect } from 'react-redux';

import { store } from '../../redux/configureStore';
import dpCodes from '../../config/dpCodes';
const option = {
  title: {
    text: 'ECharts demo'
  },
  tooltip: {},
  legend: {
    data: ['销量']
  },
  xAxis: {
    data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
  },
  yAxis: {},
  series: [{
    name: '销量',
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20]
  }]
};
const {
  tempIndoor: tempIndoorCode,
  humidity: humidityCode,
  tvoc: tvocCode,
  eco2: eco2Code,
  filterDays: filterDaysCode,
  totalRuntime: totalRuntimeCode,
  totalPm: totalPmCode,
  mode: modeCode,
  speed: speedCode,
} = dpCodes;

class HomeStatView8 extends PureComponent {
  render() {
    const { devInfo = {} } = store.getState();
    const bottomDps = [];
    const dps = [];
    const shuju = store.getState().dpState
    return (
      <View style={styles.container}>
        <Text>123123</Text>
        <Echarts option={option} height={300} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default connect(({ dpState }) => ({
  tempIndoor: dpState[tempIndoorCode],
  humidity: dpState[humidityCode],
  tvoc: dpState[tvocCode],
  eco2: dpState[eco2Code],
  filterDays: dpState[filterDaysCode],
  totalRuntime: dpState[totalRuntimeCode],
  totalPm: dpState[totalPmCode],
  mode: dpState[modeCode],
  speed: dpState[speedCode],
}))(HomeStatView8);

运行结果及报错内容

我想要达到的结果

如何处理这种情况 就是变成了代码 没有图表出来