|
|
@@ -1011,3 +1011,118 @@ function getListData(queryParam = {}) {
|
|
|
<td>${item.remarks}</td>
|
|
|
</tr>`;
|
|
|
})
|
|
|
+ $('#equipment_list').html(items2)
|
|
|
+ }
|
|
|
+
|
|
|
+ //统计时段
|
|
|
+ var statistical_period = result.RESULT[0].statistical_period;
|
|
|
+ var items3 = '';
|
|
|
+ items3 = `<div>统计起始日期：${statistical_period.start_date}</div>
|
|
|
+ <div>统计截止日期：${statistical_period.closing_date}</div>
|
|
|
+ <div>统计时段时长：${statistical_period.duration}</div>`;
|
|
|
+ $('#statistical_period').html(items3)
|
|
|
+
|
|
|
+ //数据统计计算
|
|
|
+ var data_statistics = result.RESULT[0].data_statistics;
|
|
|
+ var items4 = '';
|
|
|
+ items4 = `<tr>
|
|
|
+ <td>${data_statistics.alarm_number}</td>
|
|
|
+ <td>${data_statistics.processing_number}</td>
|
|
|
+ <td>${data_statistics.unprocessed_number}</td>
|
|
|
+ <td>${data_statistics.treatment_rate}</td>
|
|
|
+ <td>${data_statistics.untreated_rate}</td>
|
|
|
+ </tr>`;
|
|
|
+ $('#data_statistics').html(items4);
|
|
|
+
|
|
|
+ // 数据离散率挖掘
|
|
|
+ let dispersion_rate = result.RESULT[0].dispersion_rate;
|
|
|
+ console.log(result.RESULT[0].dispersion_rate)
|
|
|
+ // 结论数据渲染
|
|
|
+ var items = '';
|
|
|
+ var conclusion = dispersion_rate.conclusion
|
|
|
+ for (x in conclusion) {
|
|
|
+ xIndex = x.substr(x.length - 1, 1);
|
|
|
+ items += `<div>${xIndex}、${conclusion[x]}</div>`
|
|
|
+ }
|
|
|
+ $('.exportBox .divergence .summaryDetail').html(items);
|
|
|
+
|
|
|
+ // 数据离散率挖掘1
|
|
|
+ (function() {
|
|
|
+ let a = [];
|
|
|
+ let b = [];
|
|
|
+ let c = [];
|
|
|
+ let hydraulic_pressure = dispersion_rate.hydraulic_pressure;
|
|
|
+ hydraulic_pressure.forEach(function(item, index) {
|
|
|
+ a.push(item.variance)
|
|
|
+ b.push(item.standard_deviation)
|
|
|
+ c.push(item.average_value)
|
|
|
+ });
|
|
|
+
|
|
|
+ var sortData = [{
|
|
|
+ data: [a, b, c]
|
|
|
+ }];
|
|
|
+
|
|
|
+ var xData = function() {
|
|
|
+ var data = [];
|
|
|
+ for (var i = 1; i < hydraulic_pressure.length + 1; i++) {
|
|
|
+ data.push(i);
|
|
|
+ }
|
|
|
+ return data;
|
|
|
+ }();
|
|
|
+
|
|
|
+ // 1. 实例化对象
|
|
|
+ var myChart = echarts.init(document.querySelector("#divergenceChart1"));
|
|
|
+ // 2.指定配置
|
|
|
+ var option = {
|
|
|
+
|
|
|
+ color: [{
|
|
|
+ colorStops: [{
|
|
|
+ offset: 0,
|
|
|
+ color: '#F9860C' // 0% 处的颜色
|
|
|
+ }, {
|
|
|
+ offset: 1,
|
|
|
+ color: '#fff' // 100% 处的颜色
|
|
|
+ }],
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ colorStops: [{
|
|
|
+ offset: 0,
|
|
|
+ color: '#07E1F1' // 0% 处的颜色
|
|
|
+ }, {
|
|
|
+ offset: 1,
|
|
|
+ color: '#0456CB' // 100% 处的颜色
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ colorStops: [{
|
|
|
+ offset: 0,
|
|
|
+ color: '#11F90C' // 0% 处的颜色
|
|
|
+ }, {
|
|
|
+ offset: 1,
|
|
|
+ color: '#3FC713' // 100% 处的颜色
|
|
|
+ }],
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ textStyle: {
|
|
|
+ align: 'left' //图例左对齐
|
|
|
+ },
|
|
|
+ backgroundColor: '#12DFE0',
|
|
|
+ formatter: '{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}<br />时间：2021年3月{b}日'
|
|
|
+
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ // 如果series 对象有name 值，则 legend可以不用写data
|
|
|
+ itemGap: 20,
|
|
|
+ itemHeight: 2,
|
|
|
+ itemWidth: 15,
|
|
|
+ icon: 'rect',
|
|
|
+ textStyle: {
|
|
|
+ color: "#aaa"
|
|
|
+ },
|
|
|
+ top: "bottom",
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ top: "0%",
|
李欣儒