Skip to content

alitajs/charts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

57db578 · Feb 28, 2023
Apr 13, 2022
Feb 18, 2021
Feb 18, 2021
Feb 28, 2023
Feb 18, 2021
Mar 30, 2021
Mar 30, 2021
Feb 18, 2021
Feb 18, 2021
Jan 11, 2023
Feb 18, 2021
Feb 18, 2021
Feb 18, 2021
Feb 22, 2023
Apr 13, 2022
Nov 19, 2021
Feb 18, 2021

Repository files navigation

@alitajs/charts

基于 @alitajs/f2 封装的图表组件。帮助你快速的在移动端项目中构建图表。

不支持自定义,只支持展示的几种用法,如果你需要自定义的组件,可以使用 @alitajs/f2 进行自定义。

用法

常规用法

import React, { useState } from 'react';
import { Donut } from '@alitajs/charts';

const ChartDemo = () => {
  const data = [
    {
      name: '余额',
      percent: 2423.0,
    },
    {
      name: '理财产品',
      percent: 423.0,
    },
    {
      name: '黄金',
      percent: 1223.0,
    },
    {
      name: '余额宝',
      percent: 1423.0,
    },
  ];
  return (
    <>
      <Donut
        data={data}
        title="卡片标题"
        type="table1"
        x="name"
        y="percent"
        sumText="5782.70"
        sumTitle="总资产"
      />
    </>
  );
};

export default ChartDemo;

image