название серии и данные для старших чартов, назначенных через цикл - PullRequest
Новая
       9

название серии и данные для старших чартов, назначенных через цикл

0 голосов
/ 23 октября 2019

Я пытаюсь зациклить список объектов JSON и назначить некоторые ключи в качестве имени серии старших диаграмм, а ConvergencesData - в качестве списка данных. Я поместил пример статической диаграммы с тем, чего я пытаюсь достичь для данных ряда диаграммы. Я также привел пример моей схемы JSON, если это поможет.

У меня также есть jsfiddle статический ожидаемый график jsfiddle

ЭТО МОЯ СТАТИЧЕСКАЯ ОЖИДАЕМАЯ ВЫХОДНАЯ ДИАГРАММА:

Highcharts.chart('container', {

    title: {
        text: 'mychart'
    },

    subtitle: {
        text: 'mychart'
    },

    xAxis: {
    categories: [
      'r611.10i',
      'r622.15i',
      'r633.7i',
      '701.10i',
      '702.11i',
    ],
    crosshair: true
  },
  yAxis: {
    min: 0,
    title: {
      text: 'Convergence'
    }
  },
    
    series: [{
        name: 'tc1',
        data: [1.1, 1.2, 1.3, 1.4, 1.5]
    }, {
        name: 'tc2',
        data: [2.1, 2.2, 2.3, 2.4, 2.5]
    }, {
        name: 'tc3',
        data: [3.1, 3.2, 3.3, 3.4, 3.5]
    }],

    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            chartOptions: {
                legend: {
                    layout: 'horizontal',
                    align: 'center',
                    verticalAlign: 'bottom'
                }
            }
        }]
    }

});
#container {
	min-width: 310px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto
}
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<div id="container"></div>

ЭТО МОЙ ДЖОНСОН СХЕМА ДАННЫЕ: 

var data1 = {
  "TestBedGeneralInfo": {
    "TestCaseName": ['tc1','tc2', 'tc3', 'tc4', 'tc5']
  },

  "TestCaseData": {
    "tc1": {
      "convergenceData":1.1
    },
    "tc2": {
      "convergenceData":1.2
    },
    "tc3": {
      "convergenceData": 1.3
    },
    "tc4": {
        "convergenceData":1.4
    },
    "tc5": {
       "convergenceData":1.5
    }
  }
}
var data2 = {
  "TestBedGeneralInfo": {
    "TestCaseName": ['tc1','tc2', 'tc3', 'tc4', 'tc5']
  },

  "TestCaseData": {
    "tc5": {
      "convergenceData":2.5
    },
    "tc4": {
      "convergenceData":2.4
    },
    "tc3": {
      "convergenceData": 2.3
    },
    "tc2": {
        "convergenceData":2.2
    },
    "tc1": {
       "convergenceData":2.1
    }
  }
}
var data3 = {
  "TestBedGeneralInfo": {
    "TestCaseName": ['tc1','tc2', 'tc3', 'tc4', 'tc5']
  },

  "TestCaseData": {
    "tc4": {
      "convergenceData":3.4
    },
    "tc5": {
      "convergenceData":3.5
    },
    "tc1": {
      "convergenceData": 3.1
    },
    "tc2": {
        "convergenceData":3.2
    },
    "tc3": {
       "convergenceData":3.3
    }
  }
}

ЗДЕСЬ НЕСКОЛЬКО ПЕТЛИ, КОТОРЫЕ ПРОВЕРЯЛИ: 

var tc_name_list = ['tc1','tc2', 'tc3', 'tc4', 'tc5']
var tc_data = [data1,data2,data3]
for(objNum=0; objNum < tc_data.length; objNum++) {
     var tc_temp_name;
    console.log('objNum is ' + objNum)
    for(i=0; i < tc_name_list.length; i++) {
        tc_temp_name = tc_name_list[i];
        console.log('tc_temp_name is ' + tc_temp_name + '  :->' + tc_data[objNum]['TestCaseData'][tc_temp_name]['convergenceData'])
        var output = tc_data[objNum]
    };
}

1 Ответ

1 голос
/ 24 октября 2019

Вы можете сделать это так: 

var data = [data1, data2, data3],
    categories = ['tc1', 'tc2', 'tc3', 'tc4', 'tc5'],
    finalData = {},
    series;

categories.forEach(function (cat) {
  if (!finalData[cat]) {
    finalData[cat] = {
      name: cat,
      data: []
    }
  }

  data.forEach(function(dataElem) {
    finalData[cat].data.push(dataElem.TestCaseData[cat].convergenceData);
  });
});

series = Object.keys(finalData).map(i => finalData[i]);

Демо:

...