| | |
| | | components: {}, |
| | | data() { |
| | | //这里存放数据 |
| | | return { myChart }; |
| | | return { myChart:null }; |
| | | }, |
| | | mounted() { |
| | | this.lineChart(); |
| | |
| | | let option = { |
| | | title: { |
| | | text: '用户增量和总量占比', |
| | | top:15, |
| | | textStyle: { |
| | | color: '#fff', |
| | | }, |
| | |
| | | { |
| | | name: '用户量', |
| | | type: 'pie', |
| | | radius: ['40%', '70%'], |
| | | radius: ['40%', '60%'], |
| | | labelLine: { |
| | | normal: { |
| | | length: 15, // 指示线宽度 |
| | |
| | | //@import url(); 引入公共css类 |
| | | .echart25_box { |
| | | padding: 20px; |
| | | // background: rgba(0, 0, 0, 0.6); |
| | | } |
| | | #echart25 { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | #echart25 { |
| | | width: calc(100% - 40px); |
| | | height: calc(100% - 40px); |
| | | } |
| | | </style> |