# react-native-ichart

> ichart for react-native

Latest version **0.0.5** (published 2015-12-18) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install react-native-ichart
pnpm add react-native-ichart
yarn add react-native-ichart
bun add react-native-ichart
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2015-12-18 |
| First published | 2015-12-09 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 22 |
| Author | AdonRain |
| Maintainers | apro |
| Keywords | chart, ichart, react-native |

## Links

- npm: https://www.npmjs.com/package/react-native-ichart
- Repository: https://github.com/AdonRain/react-native-ichart
- Homepage: https://github.com/AdonRain/react-native-ichart#readme
- Issues: https://github.com/AdonRain/react-native-ichart/issues
- npm.io page: https://npm.io/package/react-native-ichart

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 0.0.5 (latest) — 2015-12-18
- 0.0.4 — 2015-12-09
- 0.0.3 — 2015-12-09
- 0.0.2 — 2015-12-09
- 0.0.1 — 2015-12-09

## README

# react-native-ichart

ichart for react-native

based on ichart: https://github.com/wanghetommy/ichartjs

---

## Install

```
$ npm i react-native-ichart --save
```

## Usage

init a new project with the name "IchartExample", and place the following codes into index.ios.js, then you can see the demo.

```
'use strict';
 
import React from 'react-native';
import IChart from 'react-native-ichart';
 
const {
    View,
    Component,
    AppRegistry
} = React;
 
const styles = {
    ichart: {
        width: 320,
        height: 240
    }
};

export default class IchartExample extends Component {
    renderChart() {
        var data = [{
            name: '北京',
            value: [-9, 1, 12, 20, 26, 30, 32, 29, 22, 12, 0, -6],
            color: '#1f7e92',
            line_width: 3
        }];
        var chart = new iChart.LineBasic2D({
            render: 'canvas-container',
            data: data,
            title: '北京2012年平均温度情况',
            width: 300,
            height: 200,
            coordinate: {
                height: '90%',
                background_color: '#f6f9fa'
            },
            sub_option: {
                hollow_inside: false, //设置一个点的亮色在外环的效果
                point_size: 16
            },
            labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
        });
        chart.draw();
    }
    render() {
        return (
            <View>
                <IChart
                    render={this.renderChart}
                    style={styles.ichart}
                />
            </View>
        )
    }
}

AppRegistry.registerComponent('IchartExample', () => IchartExample);
```

## LICENSE

* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

---
_Source: https://npm.io/package/react-native-ichart · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._