| | |
| | | <template> |
| | | |
| | | <div id="inspectionComplete" style="width:90%;height:360px;margin: 0 auto;"> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "index" |
| | | |
| | | export default { |
| | | name: 'index', |
| | | data(){ |
| | | return{ |
| | | numData:[], |
| | | timeData:[], |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.drawTodayLine() |
| | | }, |
| | | methods:{ |
| | | async drawTodayLine(){ |
| | | this.timeData = [1,2,3,4,] |
| | | this.numData = [2,5,7,9] |
| | | let myChart = this.$echarts.init(document.getElementById('inspectionComplete')) |
| | | myChart.setOption({ |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| | | }, |
| | | yAxis: { |
| | | type: 'value' |
| | | }, |
| | | color:'#5470c6', |
| | | series: [ |
| | | { |
| | | data: [820, 932, 901, 934, 1290, 1330, 1320], |
| | | type: 'line', |
| | | smooth: true |
| | | } |
| | | ] |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |