|
|
@@ -736,3 +736,90 @@ function getListData(queryParam = {}) {
|
|
|
option.series[1].data = obj.data[1];
|
|
|
// 重新渲染
|
|
|
myChart.setOption(option);
|
|
|
+
|
|
|
+ });
|
|
|
+ })();
|
|
|
+
|
|
|
+ // 折线图定制 (热老化分析)
|
|
|
+ (function() {
|
|
|
+
|
|
|
+ let thermal_aging = result.RESULT[0].thermal_aging;
|
|
|
+
|
|
|
+ // 结论数据渲染
|
|
|
+ var items = '';
|
|
|
+ var conclusion = thermal_aging.conclusion
|
|
|
+ for (x in conclusion) {
|
|
|
+ xIndex = x.substr(x.length - 1, 1);
|
|
|
+ items += `<p>${xIndex}、${conclusion[x]}</p>`
|
|
|
+ }
|
|
|
+ $('.hotAnalysis .summaryDetail').html(items);
|
|
|
+
|
|
|
+
|
|
|
+ // 热老化
|
|
|
+ let a = [];
|
|
|
+ let b = [];
|
|
|
+ let c = [];
|
|
|
+ let data_time = [];
|
|
|
+ let visualization = thermal_aging.visualization;
|
|
|
+ visualization.forEach(function(item, index) {
|
|
|
+ a.push(item.generation_temperature)
|
|
|
+ b.push(item.ambient_temperature)
|
|
|
+ c.push(item.Cable_temperature)
|
|
|
+ data_time.push(item.data_time)
|
|
|
+ });
|
|
|
+
|
|
|
+ var sortData = [{
|
|
|
+ data: [
|
|
|
+ // 三个数组是因为有3条线
|
|
|
+ a, b, c
|
|
|
+ ]
|
|
|
+ }];
|
|
|
+
|
|
|
+ var xData = function() {
|
|
|
+ var data = [];
|
|
|
+ for (var i = 1; i < visualization.length + 1; i++) {
|
|
|
+ data.push(i);
|
|
|
+ }
|
|
|
+ return data;
|
|
|
+ }();
|
|
|
+
|
|
|
+ // 1. 实例化对象
|
|
|
+ var myChart = echarts.init(document.querySelector(".hotAnalysis .chart"));
|
|
|
+ // 2.指定配置
|
|
|
+ var option = {
|
|
|
+
|
|
|
+ color: ["#05EEE7", "#9999FF", "#FE92B3"], // 通过这个color修改三条线的颜色
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ textStyle: {
|
|
|
+ align: 'left' //图例左对齐
|
|
|
+ },
|
|
|
+ backgroundColor: '#12DFE0',
|
|
|
+ // formatter: '{a0}: {c0}°C<br />{a1}: {c1}°C<br />{a2}: {c2}°C<br />时间：' + chooseTime + ''
|
|
|
+ formatter: function(params) {
|
|
|
+ var res = params[0].seriesName + '：' + params[0].value + '°C<br />' + params[1].seriesName + '：' + params[1].value + '°C<br />' + params[2].seriesName + '：' + params[2].value + '°C<br />时间：' + data_time[params[2].dataIndex];
|
|
|
+ return res;
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ // 如果series 对象有name 值，则 legend可以不用写data
|
|
|
+ itemGap: 20,
|
|
|
+ itemHeight: 2,
|
|
|
+ itemWidth: 15,
|
|
|
+ icon: 'rect',
|
|
|
+ textStyle: {
|
|
|
+ color: "#fff"
|
|
|
+ },
|
|
|
+ top: "bottom",
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ top: "0%",
|
|
|
+ left: "1%",
|
|
|
+ right: "1%",
|
|
|
+ bottom: "15%",
|
|
|
+ show: true, // 显示边框
|
|
|
+ borderWidth: '0', //去除边框
|
|
|
+ containLabel: true // 包含刻度文字在内
|
|
|
+ },
|
朱涛