import React, {Component} from 'react';
import {StyleSheet, Text, View} from 'react-native';
import Echarts from 'native-echarts';
export default class ChartAnaly extends Component{
render() {
const option = {
title: {text: 'ECharts demo'},
tooltip: {},
legend: {data:['销量']},
xAxis: {data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},
yAxis: {},
series: [{name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20]}]
};
return (
<Echarts option={option} height={300} />
);
}
}
React Native集成ECharts
最新推荐文章于 2024-05-20 09:44:36 发布
本文介绍了在React Native项目中集成ECharts遇到的WebView警告及图表不显示的问题,提供了解决方案。包括安装最新版WebView组件,修改ECharts内部对WebView的引用,将tpl.html文件拷贝到android的assets目录,并调整Echarts组件的index.js代码。
摘要由CSDN通过智能技术生成