|
|
@ -4,7 +4,7 @@ import { Col, Progress, Row } from 'antd'; |
|
|
|
import React, { useEffect, useRef } from 'react'; |
|
|
|
// import ReactEcharts from 'echarts-for-react';
|
|
|
|
import * as echarts from 'echarts'; |
|
|
|
function Leftbottom() { |
|
|
|
function Rightbottom() { |
|
|
|
// const {
|
|
|
|
// safetyData, chartTitle, title, number, leftLegend, rightLegend, legendColor, width, height,
|
|
|
|
// } = props;
|
|
|
@ -119,9 +119,9 @@ function Leftbottom() { |
|
|
|
], |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '道路统计', |
|
|
|
name: '公路等级统计', |
|
|
|
type: 'pie', |
|
|
|
radius: ['50%', '65%'], |
|
|
|
radius: ['60%', '75%'], |
|
|
|
// emphasis: { // 设置高亮时显示标签
|
|
|
|
// label: {
|
|
|
|
// show: true
|
|
|
@ -198,8 +198,9 @@ function Leftbottom() { |
|
|
|
|
|
|
|
return ( |
|
|
|
<div className='build-right-bottom'> |
|
|
|
<img src='/assets/images/quanju/chart-circle.png'></img> |
|
|
|
<div ref={chartRef} style={{ width: width || 400, height: height || 200 }} id="ech"></div> |
|
|
|
</div> |
|
|
|
); |
|
|
|
} |
|
|
|
export default Leftbottom |
|
|
|
export default Rightbottom |