| | |
| | | <meta charset="UTF-8" /> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | | <title>类型分布</title> |
| | | <script src="/customer_list/ch/static/js/tailwind.js"></script> |
| | | <script src="/customer_list/ch/static/js/vue.global.js"></script> |
| | | <script src="/customer_list/ch/ai_html/views/demo/js/tailwind.js"></script> |
| | | <script src="/customer_list/ch/ai_html/views/demo/js/vue.global.js"></script> |
| | | <script src="/customer_list/ch/ai_html/views/demo/js/iframe-resizer/child-5.1.5.js" async></script> |
| | | <link href="/customer_list/ch/static/fonts/iconfont/iconfont.css" rel="stylesheet" type="text/css"> |
| | | </link> |
| | | <script src="/customer_list/ch/static/js/echarts.min.js"></script> |
| | | <script src="/customer_list/ch/static/js/iframe-resizer/child-5.1.5.js" async></script> |
| | | <script src="/customer_list/ch/ai_html/views/demo/js/echarts.min.js"></script> |
| | | </head> |
| | | |
| | | <body> |
| | |
| | | //下面是一个简单的demo,方便展示数据格式和构成 |
| | | let option = { |
| | | title: { |
| | | text: '缴费占比' |
| | | text: '缴费占比', |
| | | textStyle:{ |
| | | fontSize:13 |
| | | } |
| | | }, |
| | | legend: {}, |
| | | tooltip: { |
| | |
| | | const myMonthPayChart = echarts.init(chartDom); |
| | | var monthPayOption = { |
| | | title: { |
| | | text: '近12个月的缴费记录' |
| | | text: '近12个月的缴费记录', |
| | | textStyle:{ |
| | | fontSize:13 |
| | | } |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | |
| | | } |
| | | }, |
| | | grid: { |
| | | top:'23%', |
| | | left: '3%', |
| | | right: '4%', |
| | | bottom: '3%', |
| | |
| | | const myMonthPayAmountChart = echarts.init(chartDom); |
| | | var monthPayAmountOption = { |
| | | title: { |
| | | text: '近12个月的缴费金额' |
| | | text: '近12个月的缴费金额', |
| | | textStyle:{ |
| | | fontSize:13 |
| | | } |
| | | }, |
| | | tooltip: {}, |
| | | legend: {}, |