| | |
| | | <div class="main_top_middle"> |
| | | <div class="main_top_middle_top_title"> |
| | | <img class="title_bg" th:src="@{'/static/dapingNew/images/title_bg.png'}"> |
| | | <span th:text="${application.wgName}">WGCLOUD</span> |
| | | <span th:text="${application.wgName}">TSSW</span> |
| | | </div> |
| | | <div class="main_top_middle_num_title">平台监测资源</div> |
| | | <div class="main_top_middle_num"> |
| | |
| | | inside: false, |
| | | textStyle: { |
| | | color: '#38E1E1', |
| | | fontSize: '8', |
| | | fontSize: '12', |
| | | }, |
| | | formatter: function (val,index) { |
| | | return `${charts[index].num}` |
| | |
| | | show: true, |
| | | position: [-65, -2], |
| | | textStyle: { |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | }, |
| | | formatter: function (a, b) { |
| | | return a.name |
| | |
| | | data: datas, |
| | | textStyle: { //图例文字的样式 |
| | | color: '#fff', |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | }, |
| | | }, |
| | | series: [ |
| | |
| | | x: '45%', |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | |
| | | }, |
| | | data: data, |
| | |
| | | x: '50%', |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | |
| | | }, |
| | | data: data |
| | |
| | | x: '5%', |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | |
| | | }, |
| | | data: data, |
| | |
| | | borderRadius: 4, |
| | | padding: [0,0], |
| | | height: 20, |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | align: 'center', |
| | | color: '#0EFCFF', |
| | | } |
| | |
| | | name: { |
| | | textStyle: { |
| | | color: '#39DCF4', |
| | | fontSize: '10', |
| | | fontSize: '12', |
| | | // borderRadius: 3, |
| | | padding: [10, 10] |
| | | } |
| | |
| | | formatter: fomatter_fn, |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | } |
| | | } |
| | | }; |
| | |
| | | yAxis: [{ |
| | | data: y_data, |
| | | axisLabel: { |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | color: 'rgba(255,255,255,.7)' |
| | | |
| | | }, |
| | |
| | | data: ["最高","平均","最低"], |
| | | textStyle: { |
| | | color: "#fff", |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | }, |
| | | itemWidth: 10, |
| | | itemHeight: 10, |
| | |
| | | axisLabel: { |
| | | interval: 0, |
| | | textStyle: { |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | color: 'rgba(255,255,255,.7)', |
| | | } |
| | | }, |
| | |
| | | name: '单位:%', |
| | | nameTextStyle: { |
| | | color: 'rgba(255,255,255,.7)', |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | }, |
| | | //max: 100, |
| | | min: 0, |
| | |
| | | axisLabel: { |
| | | textStyle: { |
| | | color: 'rgba(255,255,255,.8)', |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | // opacity: 0.1, |
| | | } |
| | | }, |
| | |
| | | data: ['进程数量', '连接数量'], |
| | | textStyle: { |
| | | color: "#fff", |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | }, |
| | | itemWidth: 10, |
| | | itemHeight: 10, |
| | |
| | | axisLabel: { |
| | | interval: 0, |
| | | textStyle: { |
| | | fontSize: 8, |
| | | fontSize: 12, |
| | | color: 'rgba(255,255,255,.7)', |
| | | } |
| | | }, |
| | |
| | | name: '单位:个', |
| | | nameTextStyle: { |
| | | color: 'rgba(255,255,255,.7)', |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | }, |
| | | // max: 1000, |
| | | min: 0, |
| | |
| | | axisLabel: { |
| | | textStyle: { |
| | | color: 'rgba(255,255,255,.8)', |
| | | fontSize: 8 |
| | | fontSize: 12 |
| | | // opacity: 0.1, |
| | | } |
| | | }, |