1.0.4 • Published 6 years ago
react-simple-trend v1.0.4
react-simple-trend
基于React的趋势图组件
演示地址
安装和使用
安装
$ npm install react-simple-trend
- 使用
import React from 'react';
import ReactDOM from 'react-dom';
import ReactTrend from 'react-simple-trend';
class App extends React.Component {
render() {
return (
<ReactTrend width={100} height={50} stroke="red" strokeWidth={1}/>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
构建选项
参数名称 | 参数说明 | 默认值 |
---|---|---|
width | 宽度 (px) | 200 |
height | 高度度 (px) | 50 |
trends | 数组数据 | 120,345,300,432,253,163,765,324 |
stroke | 线颜色 | #ccc |
strokeWidth | 线宽 | 2 |