--- name: 开始使用 route: / order: 1 ---
---
name: 开始使用
route: /
order: 1
---
icecream 风格的图表库。
此图表库旨在为七牛提供 icecream 风格的图表库,在设计思路上一直秉承着使用最少的配置,满足更多的业务场景。
以 options.title 为例
``ts
// 以前的写法
{
title: {
text: '标题'
}
}
// 现在的写法
{
title: '标题'
}
`
每个 options 都是经过挑选后有必要再暴露出去,细节可自行查看各个 options 的类型。
只需要传入 series,就能符合最基本的业务场景
`tsx
import { LineChart } from 'react-icecream-charts'
`
`ts`
yarn add react-icecream-charts
- 面积图
- 面积曲线图
- 条形图
- 柱状图
- 饼图
- 线图
- 曲线图
- 散点图
- 地图
参考Limiting Highchart Rerenders,重绘图表的开销是很大的。如果可以你应该尽可能的保持这些属性引用相等: options, plotOptions, plotSeriesOptions, series, afterRendered.
`sh``
yarn
yarn build:dev