Tidak Ada Deskripsi

0 Rilis

rongmz 39d72095dd Update Readme and documentation.		5 tahun lalu
example	39d72095dd Update Readme and documentation.	5 tahun lalu
src	39d72095dd Update Readme and documentation.	5 tahun lalu
types	840eb397bf Add typescript type information.	5 tahun lalu
.editorconfig	48ce3e12ac init create-react-library@3.1.1	5 tahun lalu
.eslintignore	48ce3e12ac init create-react-library@3.1.1	5 tahun lalu
.eslintrc	48ce3e12ac init create-react-library@3.1.1	5 tahun lalu
.gitignore	48ce3e12ac init create-react-library@3.1.1	5 tahun lalu
.prettierrc	48ce3e12ac init create-react-library@3.1.1	5 tahun lalu
.travis.yml	48ce3e12ac init create-react-library@3.1.1	5 tahun lalu
README.md	39d72095dd Update Readme and documentation.	5 tahun lalu
package-lock.json	53da727271 Add sample data and prepare skeleton of component.	5 tahun lalu
package.json	39d72095dd Update Readme and documentation.	5 tahun lalu
run.bat	dd77d94938 Add required packages and add a script to run dev.	5 tahun lalu
screenshot.png	39d72095dd Update Readme and documentation.	5 tahun lalu

@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