@ahwecharts/line-base v1.0.1

react echarts line base

基础线性echarts图表。提取常用api进行封装的echarts插件。

安装

npm install --save @ahwecharts/line-base

引入

import LineBaseEcharts from '@ahwecharts/line-base';
or
import { LineBaseEcharts } from 'ahwecharts';

基本用法

import ReactDOM from 'react-dom';
import LineBaseEcharts from '@ahwecharts/line-base';

ReactDOM.render(
  <div>
    <LineBaseEcharts
      smooth
      colors={['#f00']}
      areaStyle={{
        show: true,
        isGrad: true,
        color: ['#ff0', 'rgba(255, 255, 255, 0)']
      }}
      data={[
        { name: 'Mon', value: 150},
        { name: 'Tue', value: 230},
        { name: 'Wed', value: 224},
        { name: 'Thu', value: 218},
        { name: 'Fri', value: 135},
        { name: 'Sat', value: 147},
        { name: 'Sun', value: 260},
      ]}
    />
  </div>,
  _mount_
);

Props Line

Props data[]

Props xAxisProps

Props yAxisProps

Props areaStyleProps