https://github.com/koheimizuno/ant-design-charts

https://github.com/koheimizuno/ant-design-charts

jest jest-electron prettier react style-loader typescript yorkie

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/koheimizuno/ant-design-charts
• Owner: koheimizuno
• License: mit
• Created: 2023-12-08T17:56:47.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-12-08T17:59:04.000Z (12 months ago)
• Last Synced: 2024-10-28T07:18:35.645Z (22 days ago)
• Topics: jest, jest-electron, prettier, react, style-loader, typescript, yorkie
• Language: JavaScript
• Homepage:
• Size: 4.63 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.zh-CN.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @ant-design/charts



A React chart library, based on [G2](https://github.com/antvis/G2), [G6](https://github.com/antvis/G6), [X6](https://github.com/antvis/X6), [L7](https://github.com/antvis/L7).

![build](https://github.com/ant-design/ant-design-charts/workflows/build/badge.svg)

![npm](https://img.shields.io/npm/v/@ant-design/charts)

![npm](https://img.shields.io/npm/dm/@ant-design/charts)

[![GitHub stars](https://img.shields.io/github/stars/ant-design/ant-design-charts)](https://github.com/ant-design/ant-design-charts/stargazers)

[![npm License](https://img.shields.io/npm/l/@ant-design/charts.svg)](https://www.npmjs.com/package/@ant-design/charts)



  Website •

  Quick Start •

  Examples •

  FAQ •





## Case

### Statistical charts



## ✨ Features

- Easy to use

- TypeScript

- Pretty & Lightweight

- Responsive

- Storytelling

## 📦 Installation

```bash | pure

$ npm install @ant-design/charts

```

## 🔨 Usage

```tsx | pure

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 

};

export default Page;

```

Preview



## Development

 Clone locally:

```bash

$ git clone [email protected]: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](https://github.com/ant-design/ant-design-charts/issues) first.

## 📧 Contact us

DingTalk group number: `44788198 `.



## License

MIT