|
|
@@ -7,7 +7,7 @@ import ReactECharts from 'echarts-for-react'; |
|
|
|
const EnergyCostChart = (props) => { |
|
|
|
const options = { |
|
|
|
color: ['#FFD160', '#12FFF5', '#2760FF'], |
|
|
|
grid: { top: 28, right: 12, bottom: 32, left: 48 }, |
|
|
|
grid: { top: 32, right: 12, bottom: 20, left: 48 }, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
data: Array(7) |
|
|
@@ -33,6 +33,12 @@ const EnergyCostChart = (props) => { |
|
|
|
}, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
name: '单位/m³', |
|
|
|
nameTextStyle: { |
|
|
|
color: '#fff', |
|
|
|
fontSize: 10, |
|
|
|
align: 'right', |
|
|
|
}, |
|
|
|
type: 'value', |
|
|
|
axisLabel: { |
|
|
|
color: '#fff', |
|
|
@@ -112,7 +118,9 @@ const EnergyCostChart = (props) => { |
|
|
|
</Radio.Button> |
|
|
|
</Radio.Group> |
|
|
|
</div> |
|
|
|
<ReactECharts option={options} /> |
|
|
|
<div className="flex-1"> |
|
|
|
<ReactECharts option={options} style={{ height: '180px' }} /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
); |
|
|
|
}; |
|
|
|