zenas-react-icecream-charts

---

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

react-icecream-charts

icecream 风格的图表库。

思路

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

优化配置项

以 options.title 为例

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

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

去掉了业务不需要的配置项

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

使用最少的配置

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

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

<LineChart series={series} />

安装

yarn add react-icecream-charts

使用

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

优化

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

开发

base

yarn
yarn build:dev