1.0.2 • Published 5 years ago

cr-xian v1.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

cr-xian

react component based on antV, for table data visualization

表格数据可视化为弦图

✨ Example View

📦 Installation

cnpm install --save cr-xian
or 
npm install --save cr-xian

🔨 Usage

import React, { PureComponent } from 'react';
import Xian from 'cr-xian';

const HHeader = ['张三', '李四', '小明']
const VHeader = ['华北', '华南']
const TData = [[20, 18, 42], [63, 51, 130]]

export default class App extends PureComponent {

  render () {
    return (
      <div>
        <Xian HHeader={HHeader} VHeader={VHeader} TData={TData}  />
      </div>
    )
  }
}

💡 Api

nametypedescription
HHeaderarray表头数组
VHeaderarray列表头数组
TDataarray表格主数据
widthnumber弦图宽度
heightnumber弦图高度
paddingarray (例: 70, 50, 70, 50弦图内边距
outTitlestring弦外环 Tooltip 标题
innerTitlestring弦带 Tooltip 标题

Development

git clone https://github.com/Fea-Sin/cr-xian.git

cnpm install

npm start

Example

http://localhost:8018/examples/testOne.html

Test

npm test

npm run coverage

License

MIT