|
|
@@ -427,3 +427,178 @@ function getListData(queryParam = {}) {
|
|
|
color: "#fff"
|
|
|
},
|
|
|
top: "bottom",
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ top: "0%",
|
|
|
+ left: "1%",
|
|
|
+ right: "1%",
|
|
|
+ bottom: "20%",
|
|
|
+ show: true, // 显示边框
|
|
|
+ borderWidth: '0', //去除边框
|
|
|
+ containLabel: true // 包含刻度文字在内
|
|
|
+ },
|
|
|
+
|
|
|
+ xAxis: {
|
|
|
+ type: "category",
|
|
|
+ boundaryGap: false,
|
|
|
+ data: d,
|
|
|
+ axisTick: {
|
|
|
+ show: true
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ interval: 0,
|
|
|
+ show: false,
|
|
|
+ // color: "#AADDFF" // 文本颜色
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: 'rgba(255,255,255,.3)'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ splitNumber: 8,
|
|
|
+ splitLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ splitArea: {
|
|
|
+ show: true,
|
|
|
+ areaStyle: {
|
|
|
+ color: ["rgba(250,250,250,0.05)", "rgba(250,250,250,0.0)"]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ yAxis: {
|
|
|
+ // scale: true,
|
|
|
+ // min: 'dataMin',
|
|
|
+ type: "value",
|
|
|
+ axisTick: {
|
|
|
+ show: false // 去除刻度线
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: false // 去除文本
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false // 去除轴线
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: "#012f4a" // 分割线颜色
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ symbol: "none",
|
|
|
+ name: "方差",
|
|
|
+ type: "line",
|
|
|
+ data: a
|
|
|
+ },
|
|
|
+ {
|
|
|
+ symbol: "none",
|
|
|
+ name: "标准差",
|
|
|
+ type: "line",
|
|
|
+ data: b
|
|
|
+ }, {
|
|
|
+ symbol: "none",
|
|
|
+ name: "平均值",
|
|
|
+ type: "line",
|
|
|
+ data: c
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+
|
|
|
+ myChart.setOption(option);
|
|
|
+ window.addEventListener("resize", function() {
|
|
|
+ myChart.resize();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 点击切换效果
|
|
|
+ $(".divergence .tab-line").on("click", "a", function() {
|
|
|
+ $(this).addClass('active').siblings().removeClass('active')
|
|
|
+ var obj = sortData[$(this).index()];
|
|
|
+ option.series[0].data = obj.data[0];
|
|
|
+ option.series[1].data = obj.data[1];
|
|
|
+ option.series[2].data = obj.data[2];
|
|
|
+
|
|
|
+ // 重新渲染
|
|
|
+ myChart.setOption(option);
|
|
|
+
|
|
|
+ });
|
|
|
+ })();
|
|
|
+
|
|
|
+ // 折线图定制 (电老化分析)
|
|
|
+ (function() {
|
|
|
+
|
|
|
+ let electrical_aging = result.RESULT[0].electrical_aging;
|
|
|
+ // console.log(electrical_aging)
|
|
|
+
|
|
|
+ // 结论数据渲染
|
|
|
+ var items = '';
|
|
|
+ var conclusion = electrical_aging.conclusion
|
|
|
+ for (x in conclusion) {
|
|
|
+ xIndex = x.substr(x.length - 1, 1);
|
|
|
+ items += `<p>${xIndex}、${conclusion[x]}</p>`
|
|
|
+ }
|
|
|
+ $('.oldAnalysis .summaryDetail').html(items);
|
|
|
+
|
|
|
+
|
|
|
+ // 异常设备监控电缆数据
|
|
|
+ let a = [];
|
|
|
+ let b = [];
|
|
|
+ let data_time = [];
|
|
|
+
|
|
|
+ let abnormal_equipment = electrical_aging.abnormal_equipment;
|
|
|
+ abnormal_equipment.forEach(function(item, index) {
|
|
|
+ a.push(item.electric_current)
|
|
|
+ b.push(item.voltage)
|
|
|
+ data_time.push(item.data_time)
|
|
|
+ });
|
|
|
+ // console.log(data_time)
|
|
|
+
|
|
|
+ // 漏电告警数据
|
|
|
+ let a2 = [];
|
|
|
+ let b2 = [];
|
|
|
+ let data_time2 = [];
|
|
|
+
|
|
|
+ let leakage_alarm = electrical_aging.leakage_alarm;
|
|
|
+ leakage_alarm.forEach(function(item, index) {
|
|
|
+ a2.push(item.electric_current)
|
|
|
+ b2.push(item.voltage)
|
|
|
+ data_time2.push(item.data_time)
|
|
|
+ });
|
|
|
+ // console.log(data_time2)
|
|
|
+
|
|
|
+ var sortData = [{
|
|
|
+ sortName: "异常设备",
|
|
|
+ data: [a, b]
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ sortName: "漏电告警",
|
|
|
+ data: [a2, b2]
|
|
|
+ }
|
|
|
+ ];
|
|
|
+
|
|
|
+ var xData = function() {
|
|
|
+ var data = [];
|
|
|
+ for (var i = 1; i < leakage_alarm.length + 1; i++) {
|
|
|
+ data.push(i);
|
|
|
+ }
|
|
|
+ return data;
|
|
|
+ }();
|
|
|
+
|
|
|
+ // 1. 实例化对象
|
|
|
+ var myChart = echarts.init(document.querySelector(".oldAnalysis .chart"));
|
|
|
+ // 2.指定配置
|
|
|
+ var option = {
|
|
|
+
|
|
|
+ color: ["#FF9C00", "#0096FF"], // 通过这个color修改两条线的颜色
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ textStyle: {
|
|
|
+ align: 'left' //图例左对齐
|
|
|
+ },
|
|
|
+ backgroundColor: '#12DFE0',
|
|
|
+
|
|
|
+ formatter: function(params) {
|
|
|
+ if ($('#active').hasClass('active')) {
|
|
|
+ var res = params[0].seriesName + '：' + params[0].value + '<br />' + params[1].seriesName + '：' + params[1].value + '<br />时间：' + data_time[params[0].dataIndex];
|
韩正义