@husaria-solutions/solid-crypto-chart

SolidJS Crypto Chart

Chart library based on lighweight-charts with data fetching from Binance (through REST and WebSocket).

Example

cd example
npm install
npm start

How To Install

NPM

npm i @husaria-solutions/solid-crypto-chart

Yarn

yarn add @husaria-solutions/solid-crypto-chart

Usage

import { CryptoChart } from '@husaria-solutions/solid-crypto-chart'

function Chart() {
  return <CryptoChart pair="BTCBUSDT" />
}

Properties

Prop	Required	Type	Default Value
pair	No	String	BTCBUSDT Please refer binance api for more pairs binance rest api
interval	No	String enum (Binance values, like 1m, 15m, 1H, 1D)	1m
candleStickConfig	No	Object	{ upColor: "#00c176", downColor: "#cf304a", borderDownColor: "#cf304a", borderUpColor: "#00c176", wickDownColor: "#838ca1", wickUpColor: "#838ca1", }
histogramConfig	No	Object	{ base: 0, lineWidth: 2, priceFormat: { type: "volume", }, overlay: true, scaleMargins: { top: 0.8, bottom: 0, }, }
chartLayout	No	Object	{ layout: { backgroundColor: "#ededed", textColor: "#253248", }, grid: { vertLines: { color: "#838fa3", style: LineStyle.SparseDotted, }, horzLines: { color: "#838fa3", style: LineStyle.SparseDotted, }, }, crosshair: { mode: CrosshairMode.Normal, }, priceScale: { borderColor: "#485c7b", }, timeScale: { borderColor: "#485c7b", timeVisible: true, secondsVisible: false, }, }
containerStyle	No	Object	{ maxWidth: '100%', maxHeight: '100vh', display: 'flex', justifyContent: 'center', alignItems: 'center', }

Author

https://husariasolutions.com

License

This project is licensed under the MIT License - see the LICENSE file for details