Open liujian18720923143 opened 1 year ago
BizCharts Version:3.5.10
import React, { PureComponent } from 'react'; import { Chart, Geom, Axis, Tooltip } from 'bizcharts'; export default class ANAC0011 extends PureComponent { constructor(props) { super(props); this.state = { }; } componentDidMount() { } componentWillUnmount() { } render() { const cols = { percent: { min: 0, }, }; const data = [ { year: '1951 年', sales: 38, }, { year: '1952 年', sales: 52, }, { year: '1956 年', sales: 61, }, { year: '1957 年', sales: 145, }, { year: '1958 年', sales: 48, }, { year: '1959 年', sales: 38, }, { year: '1960 年', sales: 38, }, { year: '1962 年', sales: 38, }, ]; return ( <div> <Chart height={400} data={data} scale={cols} forceFit> <Axis name="year" /> <Axis name="sales" /> <Tooltip /> <Geom type="interval" position="year*sales" /> </Chart> </div> ); } }
import React, { PureComponent } from 'react'; import { Chart, Geom, Axis, Tooltip } from 'bizcharts'; export default class ANAC0011 extends PureComponent { constructor(props) { super(props); this.state = { }; } componentDidMount() { } componentWillUnmount() { } render() { const cols = { percent: { min: 0, }, }; const data = [ { year: '1951 年', sales: 38, }, { year: '1952 年', sales: 52, }, { year: '1956 年', sales: 61, }, { year: '1957 年', sales: 145, }, { year: '1958 年', sales: 48, }, { year: '1959 年', sales: 38, }, { year: '1960 年', sales: 38, }, { year: '1962 年', sales: 38, }, ]; return ( <div> <Chart height={400} data={data} scale={cols} forceFit> <Axis name="year" /> <Axis name="sales" /> {/* <Tooltip /> */} <Geom type="interval" position="year*sales" /> </Chart> </div> ); } }
BizCharts Version:3.5.10