<p align="center"><a href="https://seerline.github.io" target="_blank" rel="noopener noreferrer"><img width="100" src="https://seerline.github.io/logo.png" alt="ClChart logo"></a></p>

clchart -- cymatics line chart

Simple Cross-platform Stock Charts using the canvas element

HTML5 Demo

React Native Demo

Wechat Applet Demo

Installation

Manual Download

You can download the latest version of clchart from the GitHub releases

npm

npm install clchart --save

Build From Source

Cloning and building the base project:

git clone git@github.com:seerline/clchart.git
cd clchart
npm install

# Then to build
npm run build

Documentation

English docs (processing)

中文文档 (编写中)

Contributing

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

npm install

npm run dev

Screenshot

pc demo

<img src="./screenshot/pc.png" alt="pc demo" width="100%" height="auto"/>

web demo

<img src="./screenshot/web.png" alt="web demo" width="100%" height="auto"/>

mina demo

<img src="./screenshot/mina.png" alt="mina demo" width="100%" height="auto"/>

react native demo

<img src="./screenshot/reactnative.png" alt="reactnative demo" width="100%" height="auto"/>

Todos

• [ ] karma test
• [ ] more web demo
• [ ] integrate GCanvas for react native android
• [ ] weex demo
• [x] integrate wechat mina app

License

ClChart is available under the MIT license.