Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brightness999/react-stockchart

A fast, simple and cross-platform(html5 react-native weex wechat-applet) stock chart library created using canvas.
https://github.com/brightness999/react-stockchart

canvas graph html-stock-chart javascript react-native stock-chart webpack

Last synced: 8 days ago
JSON representation

A fast, simple and cross-platform(html5 react-native weex wechat-applet) stock chart library created using canvas.

Awesome Lists containing this project

README

        

ClChart logo

# clchart -- cymatics line chart

[![apm](https://img.shields.io/apm/l/vim-mode.svg?style=plastic)](https://opensource.org/licenses/MIT)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![npm](https://img.shields.io/npm/v/clchart.svg)](https://www.npmjs.com/package/clchart) [![Code Climate](https://img.shields.io/codeclimate/maintainability/seerline/clchart.svg)](https://codeclimate.com/github/seerline/clchart)

*Simple Cross-platform Stock Charts using the canvas element*

[HTML5 Demo](https://seerline.github.io/clchart/samples/)

[React Native Demo](https://github.com/seerline/react-native-clchart-demo)

[Wechat Applet Demo](https://github.com/seerline/wechat-applet-clchart-demo)

## Installation

### Manual Download

You can download the latest version of `clchart` from the [GitHub releases](https://github.com/seerline/clchart/releases/latest)

### npm

```bash
npm install clchart --save
```

### Build From Source

Cloning and building the base project:

```shell
git clone [email protected]:seerline/clchart.git
cd clchart
npm install

# Then to build
npm run build
```

## Documentation

[English docs](https://seerline.github.io/clchart/) (processing)

[中文文档](https://seerline.github.io/clchart/zh/) (编写中)

## Contributing

```shell
git clone https://github.com/seerline/clchart.git

npm install

npm run dev
```

## Screenshot

### pc demo

pc demo

### web demo

web demo

### mina demo

mina demo

### react native demo

reactnative demo

## Todos

* [ ] karma test
* [ ] more web demo
* [ ] integrate [GCanvas](https://github.com/alibaba/GCanvas) for `react native android`
* [ ] [weex](https://github.com/apache/incubator-weex) demo
* [x] integrate wechat mina app

## License

ClChart is available under the [MIT license](https://opensource.org/licenses/MIT).