MyGit

ant-design/ant-design-charts

Fork: 366 Star: 1962 (更新于 2024-12-05 13:55:03)

license: MIT

Language: TypeScript .

A React Chart Library

最后发布版本: 2.2.1 ( 2024-08-26 21:26:30)

官方网址 GitHub网址

@ant-design/charts

A React chart library, based on G2, G6, X6, L7.

npm npm GitHub stars npm License

WebsiteQuick StartExamplesFAQ

Case

Statistical charts

✨ Features

  • Easy to use
  • TypeScript
  • Pretty & Lightweight
  • Responsive
  • Storytelling

📦 Installation

$ npm install @ant-design/charts

🔨 Usage

import React from 'react';
import { Line } from '@ant-design/charts';

const Page: React.FC = () => {
  const data = [
    { year: '1991', value: 3 },
    { year: '1992', value: 4 },
    { year: '1993', value: 3.5 },
    { year: '1994', value: 5 },
    { year: '1995', value: 4.9 },
    { year: '1996', value: 6 },
    { year: '1997', value: 7 },
    { year: '1998', value: 9 },
    { year: '1999', value: 13 },
  ];

  const props = {
    data,
    xField: 'year',
    yField: 'value',
  };

  return <Line {...props} />
};
export default Page;

Preview

Development

Clone locally:

$ git clone git@github.com:ant-design/ant-design-charts.git
$ cd ant-design-charts
$ pnpm install
$ pnpm build:lib & pnpm start

🤝 How to Contribute

Your contributions are always welcome! Please Do have a look at the issues first.

📧 Contact us

DingTalk group number: 44788198 .

License

MIT

最近版本更新:(数据更新于 2024-10-21 19:06:26)

2024-08-26 21:26:30 2.2.1

2024-07-24 14:10:26 2.1.2

2024-05-06 17:20:18 2.1.1

2024-04-19 16:03:09 2.1.0

2024-04-16 10:08:08 2.0.4

2024-01-15 10:33:54 site_group

2023-12-18 16:00:12 2.0.3

2023-11-28 13:43:51 1.4.3

2023-11-24 21:24:05 2.0.2

2023-11-22 15:51:38 v2

ant-design/ant-design-charts同语言 TypeScript最近更新仓库

2024-12-21 21:40:12 lobehub/lobe-chat

2024-12-21 12:01:51 siyuan-note/siyuan

2024-12-21 10:57:01 ai16z/eliza

2024-12-21 09:15:35 MetaCubeX/metacubexd

2024-12-21 04:50:26 mediar-ai/screenpipe

2024-12-20 19:36:48 vitejs/vite