|
|
@@ -10,15 +10,10 @@
|
|
|
<div>
|
|
|
<div class="block">
|
|
|
<item-title title="入库材料占比"></item-title>
|
|
|
- <div class="box" ref="chart1"></div>
|
|
|
+ <div class="box" ref="chart2"></div>
|
|
|
</div>
|
|
|
- <div class="block" style="display: flex; justify-content: space-between; align-items: center">
|
|
|
- <div style="width: 50%; height: 100%">
|
|
|
- <div class="box" ref="chart2"></div>
|
|
|
- </div>
|
|
|
- <div style="width: 50%; height: 100%">
|
|
|
- <div class="box" ref="chart3"></div>
|
|
|
- </div>
|
|
|
+ <div class="block">
|
|
|
+ <div class="box" ref="chart3"></div>
|
|
|
</div>
|
|
|
<!-- <div class="block">
|
|
|
<item-title title="入库材料占比"></item-title>
|
|
|
@@ -328,37 +323,37 @@ export default {
|
|
|
for (let i = 0; i < chuku_data.length; i++) {
|
|
|
data3.push({ value: parseInt(chuku_data[i][3]), name: chuku_data[i][0] })
|
|
|
}
|
|
|
- const option = {
|
|
|
- xAxis: {
|
|
|
- type: 'category',
|
|
|
- data: xlabel,
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#fff'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- type: 'value',
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#fff'
|
|
|
- },
|
|
|
- formatter: '{value} %'
|
|
|
- }
|
|
|
- },
|
|
|
- series: [
|
|
|
- {
|
|
|
- data: data,
|
|
|
- type: 'bar'
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- const chart1 = echarts.init(this.$refs.chart1)
|
|
|
- window.onresize = chart1.resize //在窗口大小改变时，相应的元素能够适应新的窗口尺寸。
|
|
|
- chart1.setOption(option)
|
|
|
+ // const option = {
|
|
|
+ // xAxis: {
|
|
|
+ // type: 'category',
|
|
|
+ // data: xlabel,
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#fff'
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // yAxis: {
|
|
|
+ // type: 'value',
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#fff'
|
|
|
+ // },
|
|
|
+ // formatter: '{value} %'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // series: [
|
|
|
+ // {
|
|
|
+ // data: data,
|
|
|
+ // type: 'bar'
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
+ // const chart1 = echarts.init(this.$refs.chart1)
|
|
|
+ // window.onresize = chart1.resize //在窗口大小改变时，相应的元素能够适应新的窗口尺寸。
|
|
|
+ // chart1.setOption(option)
|
|
|
|
|
|
const option2 = {
|
|
|
title: {
|
|
|
@@ -395,7 +390,7 @@ export default {
|
|
|
top: '10%',
|
|
|
bottom: '5%',
|
|
|
label: {
|
|
|
- formatter: '{c}……'
|
|
|
+ formatter: '{c}'
|
|
|
},
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
