概述
react-native-charts-wrapper-test 是一个 React Native的图表组件，它提供了许多种类的图表，在移动应用或网页应用开发中有广泛的应用。在这篇文章中，我们将介绍如何使用 npm 包 react-native-charts-wrapper-test 和在 React Native 应用程序中构建简单的图表组件。
安装
为了使用React Native Charts Wrapper Test ，您必须先安装 React Native 开发环境和基本的 npm 包管理工具。在开发环境中，您可以使用如下命令安装 React Native Charts Wrapper Test。
npm install react-native-charts-wrapper --save
使用
使用 React Native Charts Wrapper Test 是非常容易的。大多数图表组件具有相似的 API。只需导入需要使用的图表组件即可。例如，要使用 LineChart 组件，请使用如下代码进行导入：
import { LineChart } from 'react-native-charts-wrapper';接下来，使用类似HTML代码的方式设置一些属性，例如图表的高度和宽度，并提供一些图表数据，如下所示：
-- -------------------- ---- -------
----------
-------- ------- --- --
-------
--------- --
------ ------------------------------------------
------- -- -- -- -- - -- - -- -- -- - -- - -- -- -- - -- - -- -- -- - -- - -- -- -- - --
--
--
--------
----------- -----
--------- ---------
----------- --
--------------- ------- ------ ------ ------ ------
--
--在上面的示例中，LineChart组件被设置了一个高度为200。数据集是一个对象数组，在本例中只有一个数据集，并且图表类型为LineChart，它有一个标签，并由多个数据(X,Y坐标)组成。
示例代码
在这里，我们将展示如何在 React Native 应用程序中使用 react-native-charts-wrapper-test 来构建一个简单的图表组件。
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------- ---- - ---- ---------------
------ - --------- - ---- ------------------------------
------ ------- ----- ---------- ------- --------- -
-------- -
------ -
----- -------------------------
----------
-------- ----- - --
-------
--------- --
------ ------------------------------------------
------- -- -- -- -- - -- - -- -- -- - -- - -- -- -- - -- - -- -- -- - -- - -- -- -- - --
--
--
------------ ---------- ---- --
--------
----------- -----
--------- ---------
----------- --
--------------- ------- ------ ------ ------ ------
--
-------- ----- - ----------- ---- -- ------ - ----------- ----- - --
--
-------
--
-
-
----- ------ - -------------------
---------- -
----- --
-------------- --------
-
---总结
react-native-charts-wrapper-test 为开发者提供了一个全面的图表组件库，可以轻松地在 React Native 应用程序中构建各种类型的图表。本文介绍了 react-native-charts-wrapper-test 的基本用法、安装和示例代码。从中可以学习到如何在 React Native 应用程序中使用 react-native-charts-wrapper-test 来构建图表组件，并实现高质量的移动应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600564a981e8991b448e17ee