---
name: 开始使用
route: /
order: 1
---

react-icecream-charts

icecream 风格的图表库。

思路

此图表库旨在为七牛提供 icecream 风格的图表库，在设计思路上一直秉承着使用最少的配置，满足更多的业务场景。

$3

以 options.title 为例

``ts
// 以前的写法
{
title: {
text: '标题'
}
}

// 现在的写法
{
title: '标题'
}
`

$3

每个 options 都是经过挑选后有必要再暴露出去，细节可自行查看各个 options 的类型。

$3

只需要传入 series，就能符合最基本的业务场景

`tsx
import { LineChart } from 'react-icecream-charts'


`

安装

`ts
yarn add react-icecream-charts
`

使用

- 面积图
- 面积曲线图
- 条形图
- 柱状图
- 饼图
- 线图
- 曲线图
- 散点图
- 地图

优化

参考Limiting Highchart Rerenders，重绘图表的开销是很大的。如果可以你应该尽可能的保持这些属性引用相等: options, plotOptions, plotSeriesOptions, series, afterRendered.

开发

$3

`sh
yarn
yarn build:dev
``