| | |
| | | components: {}, |
| | | data() { |
| | | //这里存放数据 |
| | | return { myChart }; |
| | | return { myChart: null }; |
| | | }, |
| | | mounted() { |
| | | this.lineChart(); |
| | |
| | | let option = { |
| | | title: { |
| | | text: '数据更新量与分布总量', |
| | | top: '15', |
| | | textStyle: { |
| | | color: '#fff', |
| | | }, |
| | |
| | | }, |
| | | }, |
| | | legend: { |
| | | data: ['增量', '总量', 'Video Ads', 'Direct', 'Search Engine'], |
| | | data: ['增量', '总量',], |
| | | right: 0, |
| | | top: 30, |
| | | textStyle: { |
| | | |
| | | color: '#ffffff'//字体颜色 |
| | | }, |
| | | }, |
| | | toolbox: { |
| | | feature: { |
| | |
| | | }); |
| | | }, |
| | | }, |
| | | created() {}, |
| | | created() { }, |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .echart1_box { |
| | | padding: 20px; |
| | | // background: rgba(0, 0, 0, 0.6); |
| | | } |
| | | #echart1 { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | #echart1 { |
| | | width: calc(100% - 40px); |
| | | height: calc(100% - 40px); |
| | | } |
| | | </style> |