@ funnest/ 图表反应

Funnest 图表的反作用约束: <FnChart /> 贸易图外加SVG行、面积和条形图.

npm i @funnest/charts-react

交易图:

import { FnChart } from '@funnest/charts-react';

<div style={{ height: 600 }}>
  <FnChart datafeed={myDatafeed} symbol="AAPL" resolution="1D" />
</div>

纸板图表(SSR安全):

import { LineChart, ReferenceLine } from '@funnest/charts-react';

<LineChart series={[{ id: 'price', data: prices }]} area="gradient" scrubber={{ showValues: true }}>
  <ReferenceLine dataY={avgPrice} label="Avg. price" />
</LineChart>

组件 : LineChart, (中文(简体) ), AreaChart, (中文(简体) ), BarChart, (中文(简体) ), PercentageBarChart, (中文(简体) ), CartesianChart, (中文(简体) ), XAxis, (中文(简体) ), YAxis, (中文(简体) ), Scrubber, (中文(简体) ), ReferenceLine, (中文(简体) ), Point, (中文(简体) ), Legend, (中文(简体) ), PeriodSelector

链接

• 文档 : https://charts.funnest.xyz/docs/ (中文(简体) )
• GitHub : (中文(简体) ) https://github.com/funnest-xyz/funnest-图 (单位:千美元)한국어(中文(简体) )
• 许可证: Apache-2.0