| | |
| | | </template> |
| | | |
| | | <script> |
| | | import * as echarts from "echarts"; |
| | | |
| | | export default { |
| | | name: 'lineChart', |
| | |
| | | const that = this |
| | | let option = { |
| | | grid: { |
| | | width: '100%' |
| | | left: '12%', |
| | | right: '5%' |
| | | }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | |
| | | return str |
| | | }, |
| | | textStyle: { |
| | | fontSize: 12 |
| | | fontSize: 16 |
| | | } |
| | | }, |
| | | |
| | |
| | | top: 20, |
| | | data: ['已处理工单数', '未处理工单数'], |
| | | textStyle: { |
| | | color: '#A0AEC0' |
| | | color: '#A0AEC0', |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | |
| | |
| | | }, |
| | | axisLabel: { |
| | | color: '#A0AEC0', |
| | | fontSize: 12, |
| | | fontSize: 14, |
| | | margin: 20, |
| | | rotate: 30 |
| | | }, |
| | |
| | | }, |
| | | axisLabel: { |
| | | color: '#A0AEC0', |
| | | fontSize: 12, |
| | | margin: 15 |
| | | fontSize: 14, |
| | | margin: 5 |
| | | } |
| | | }, |
| | | // 系列列表(多个折线图) |
| | |
| | | } |
| | | ] |
| | | } |
| | | |
| | | that.myDrawLine = this.$echarts.init(this.$refs.lineChart) |
| | | that.myDrawLine.setOption(option) |
| | | window.addEventListener('resize', function () { |