Angular 6 Charting Данные Google Sheets API - PullRequest
Новая
       4

Angular 6 Charting Данные Google Sheets API

0 голосов
/ 03 июля 2018

Я пытаюсь отобразить некоторые данные, используя Angular 6 и Chartjs.

Источник данных взят из запроса на получение API Google Sheet.

Google Sheet

Часть, которую я не могу понять, находится в component.ts, который ниже. 

ngOnInit() {
  this.weather.dailyForecast()
    .subscribe(res => {

      let temp_high = res['valueRanges'].map(res => res.values);
      let temp_low = res['valueRanges'].map(res => res.values);
      let day = res['valueRanges'].map(res => res.values);

JSON из API выглядит следующим образом: 

{
"spreadsheetId": "1QOPhxNMaYtPQA8cKw3XDrHBbzMGXjRXOmuknH8VRmgQ",
"valueRanges": [
{
"range": "Sheet1!A1:A5",
"majorDimension": "COLUMNS",
"values": [
[
"Day",
"HighTemp",
"LowTemp"
]
]
},
{
"range": "Sheet1!B1:B5",
"majorDimension": "COLUMNS",
"values": [
[
"1",
"10",
"9"
]
]
},
{
"range": "Sheet1!C1:C5",
"majorDimension": "COLUMNS",
"values": [
[
"2",
"15",
"12"
]
]
},
{
"range": "Sheet1!D1:D5",
"majorDimension": "COLUMNS",
"values": [
[
"3",
"10",
"9"
]
]
},
{
"range": "Sheet1!E1:E5",
"majorDimension": "COLUMNS",
"values": [
[
"4",
"11",
"10"
]
]
}
]
}

Я могу заставить его работать, когда данные API структурированы с объектами, но то, как Google Sheets представляет данные, означает, что каждая ячейка является частью массива, поэтому я не знаю, как правильно ссылаться на данные.

Любая помощь будет высоко ценится!

1 Ответ

0 голосов
/ 09 июля 2018

решаемая. 

ngOnInit() {
  this.weather.dailyForecast()
    .subscribe(res => {

      var data = res.feed

      let temp_high = data['entry'].map(data => data.title.$t);
      let temp_low = data['entry'].map(data => data.content.$t);
...