| | |
| | | <img src="/cockpitPage/machine-top.png" alt="" /> |
| | | <div class="top-title"> |
| | | <span>机器开机率</span> |
| | | <span class="top-rate">{{ "60%" }}</span> |
| | | <span class="top-rate">{{ startupRate + "%" }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="chart" ref="chart"></div> |
| | |
| | | import * as echarts from "echarts"; |
| | | export default { |
| | | components: {}, |
| | | props: {}, |
| | | props: { |
| | | startupRate: { |
| | | type: String, |
| | | default: "", |
| | | }, |
| | | }, |
| | | data() { |
| | | return {}; |
| | | }, |
| | | mounted() { |
| | | let chartData = [ |
| | | { value: 20, name: "闲置" }, |
| | | { value: 20, name: "维修" }, |
| | | { value: 60, name: "工作" }, |
| | | ]; |
| | | this.pieChart("chart", chartData); |
| | | // let chartData = [ |
| | | // { value: 20, name: "闲置" }, |
| | | // { value: 20, name: "维修" }, |
| | | // { value: 60, name: "工作" }, |
| | | // ]; |
| | | // this.pieChart("chart", chartData); |
| | | }, |
| | | watch: {}, |
| | | methods: { |