Keine Beschreibung

skyffire a13696a199 bids和asks颜色改成一样		vor 1 Jahr
example	ceaa12a374 一个将就可以用的版本。	vor 1 Jahr
src	a13696a199 bids和asks颜色改成一样	vor 1 Jahr
types	45734a7dbc Add typescript definitions. Pending add options to index.js	vor 5 Jahren
.editorconfig	48ce3e12ac init create-react-library@3.1.1	vor 5 Jahren
.eslintignore	48ce3e12ac init create-react-library@3.1.1	vor 5 Jahren
.eslintrc	48ce3e12ac init create-react-library@3.1.1	vor 5 Jahren
.gitignore	a13696a199 bids和asks颜色改成一样	vor 1 Jahr
.npmignore	fd8f88d4d6 Add few more metrics to X axis and corner.	vor 5 Jahren
.prettierrc	48ce3e12ac init create-react-library@3.1.1	vor 5 Jahren
.travis.yml	48ce3e12ac init create-react-library@3.1.1	vor 5 Jahren
README.md	39d72095dd Update Readme and documentation.	vor 5 Jahren
package-lock.json	ceaa12a374 一个将就可以用的版本。	vor 1 Jahr
package.json	45734a7dbc Add typescript definitions. Pending add options to index.js	vor 5 Jahren
run.bat	dd77d94938 Add required packages and add a script to run dev.	vor 5 Jahren
screenshot.png	39d72095dd Update Readme and documentation.	vor 5 Jahren

@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.

Live Demo Here

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} />
  }

}

README.md

@rongmz/react-stock-heatmap

Screenshot

Install

Usage

License