alitajs/rc-charts

一个基于BizCharts的图表库

rc-charts

该项目归档，推荐使用 ant-design-charts

封装BizCharts库

项目由来: BizCharts 使用起来相对比较繁琐，比较难于在项目在推广，故封装下常见的图表，简化使用方式，减少学习成本。

特性

• 💡 TypeScript: 使用TypeScript编写
• 🎉 基于BizCharts: 阿里出品
• 🌴 简单易用: 针对常见图表二次封装，可傻瓜式使用
• 🍁 示例丰富: 尽可能多的提供图表示例

使用

• 安装

yarn add rc-charts

• 使用

import { Bar } form 'rc-charts';

const Example: React.FC = () => {
  return (
    <Bar
      data={
        [
          { x: '1951', y1: 20 },
          { x: '1952', y1: 10 },
          { x: '1953', y1: 20 },
          { x: '1954', y1: 100 },
          { x: '1955', y1: 10 },
          { x: '1956', y1: 50 }
        ]
      }
      titleMap={{
        y1: '销售额'
      }}
    />
  )
}

export default Example;

rc-charts's Issues

根据数据在图标里加一个平均数据辅助线

v1版本开发计划

• v0.2.0

  • 水平日历色块图 https://bizcharts.net/products/bizCharts/demo/detail?id=heatmap-calendar-horizontal&selectedKey=%E7%83%AD%E5%8A%9B%E5%9B%BE
  • 雷达图 https://bizcharts.net/products/bizCharts/demo/detail?id=radar-basic&selectedKey=%E9%9B%B7%E8%BE%BE%E5%9B%BE

• v0.3.0

  • 仪表盘 https://bizcharts.net/products/bizCharts/demo#%E4%BB%AA%E8%A1%A8%E7%9B%98
  • 点图 https://bizcharts.net/products/bizCharts/demo#%E7%82%B9%E5%9B%BE
  • 箱形图 https://bizcharts.net/products/bizCharts/demo#%E7%AE%B1%E5%BD%A2%E5%9B%BE
  • 漏斗图 https://bizcharts.net/products/bizCharts/demo#%E6%BC%8F%E6%96%97%E5%9B%BE

• v0.4.0

  • 水波图

• v0.5.0

  • 烛形图 https://bizcharts.net/products/bizCharts/demo#%E7%83%9B%E5%BD%A2%E5%9B%BE

长期进行

• 已有图表完善以及文档书写

网站使用father-doc重构

柱状图支持圆角效果，均线默认为当前柱状图的颜色

如题

感觉需要补个CI

需要对生成对箱形图数据进行对比

单个箱形图数据显示，箱形图和箱形图之间对比

pie 显示详细图例 legend click无效

问题如题，实例如下：
https://alitajs.github.io/rc-charts/pie#%E6%98%BE%E7%A4%BA%E8%AF%A6%E7%BB%86%E5%9B%BE%E4%BE%8B