skyffire
ceaa12a374
一个将就可以用的版本。
|
1 năm trước cách đây | |
|---|---|---|
| example | 1 năm trước cách đây | |
| src | 1 năm trước cách đây | |
| types | 5 năm trước cách đây | |
| .editorconfig | 5 năm trước cách đây | |
| .eslintignore | 5 năm trước cách đây | |
| .eslintrc | 5 năm trước cách đây | |
| .gitignore | 5 năm trước cách đây | |
| .npmignore | 5 năm trước cách đây | |
| .prettierrc | 5 năm trước cách đây | |
| .travis.yml | 5 năm trước cách đây | |
| README.md | 5 năm trước cách đây | |
| package-lock.json | 1 năm trước cách đây | |
| package.json | 5 năm trước cách đây | |
| run.bat | 5 năm trước cách đây | |
| screenshot.png | 5 năm trước cách đây |
README.md
@rongmz/react-stock-heatmap
This is a react chart library for genarating "Stock Heatmap" with given market depth data. Stock Heatmap graph useful for day traders.
Screenshot
Install
npm install --save @rongmz/react-stock-heatmap
Usage
import React from 'react'
import StockHeatmap from '@rongmz/react-stock-heatmap';
class Example extends React.Component {
heatmapRef = React.createRef();
loadDataFromFile = () => {
// Somehow load market depth datapoints
...
...
// set the data to StockHeatmap to render graph
if(heatmapRef.current !== null) {
heatmapRef.current.setData(data);
}
}
onLiveDataReceived = (data) => {
// Add more data to existing data. This is useful for live graphing.
if(heatmapRef.current !== null) {
heatmapRef.current.addData(data);
}
}
render() {
return <StockHeatmap ref={heatmapRef} width={800} height={600} />
}
}
License
MIT © Rounak Saha