| | |
| | | <script> |
| | | export default { |
| | | mounted() { |
| | | this.drawLineChart('drawLineChart_day1', 1); |
| | | this.drawLineChart('drawLineChart_day2', 1); |
| | | this.drawLineChart('drawLineChart_day3', 1); |
| | | this.drawLineChart('drawLineChart_day4', 1); |
| | | this.drawLineChart('drawLineChart_day5', 1); |
| | | //this.drawLineChart('drawLineChart_week', 1); |
| | | this.drawBarchart('drawBarchart', 1); |
| | | }, |
| | | methods: { |
| | | //方法 |
| | | drawLineChart(name, data) { |
| | | var myChart = echarts.init(document.getElementById(name)); |
| | | myChart.setOption({ // 绘制图表 |
| | | const OptionDay={ // 绘制图表 |
| | | title: { |
| | | text: '产量看板示例' |
| | | }, |
| | |
| | | } |
| | | ] |
| | | |
| | | }); |
| | | } |
| | | this.drawDay('drawLineChart_day11',OptionDay, 1); |
| | | // this.drawLineChart('drawLineChart_day11', 1); |
| | | // this.drawLineChart('drawLineChart_day21', 1); |
| | | // this.drawLineChart('drawLineChart_day31', 1); |
| | | // this.drawLineChart('drawLineChart_day41', 1); |
| | | // this.drawLineChart('drawLineChart_day51', 1); |
| | | //this.drawLineChart('drawLineChart_week', 1); |
| | | //this.drawBarchart('drawBarchart', 1); |
| | | }, |
| | | methods: { |
| | | //方法 |
| | | draw(name, Option,data) { |
| | | var myChart = echarts.init(document.getElementById(name)); |
| | | myChart.setOption(Option); |
| | | }, |
| | | drawDay(name, Option,data) { |
| | | Option.title.text="日看板"; |
| | | console.log(Option); |
| | | this.draw(name, Option,data); |
| | | }, |
| | | drawLineChart(name, Option,data) { |
| | | console.log(name); |
| | | console.log(data); |
| | | var myChart = echarts.init(document.getElementById(name)); |
| | | myChart.setOption(Option); |
| | | }, |
| | | drawBarchart(name, data) { |
| | | var myChart = echarts.init(document.getElementById(name)); |