当前位置: 首页 > 知识库问答 >
问题:

Angular 6绘制Google Sheets API数据

施驰
2023-03-14

我正在尝试使用Angular 6和Chartjs绘制一些数据。

数据源来自Google Sheet API get请求。

谷歌表

我不能正确的部分在下面的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);

来自API的JSON看起来像这样:

{
    "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个答案

乜裕
2023-03-14

解决了的。

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);
 类似资料:
  • 问题内容: 这是我的问题…: 在我的活动中,我有一个和一个。我希望Button仅在显示某个可绘制对象时才执行操作。是的,这意味着该代码正在各种可绘制对象之间进行动画处理,从而使其不会中断我想要完成的工作。 没用 并且我将其范围缩小到“ if(vari(drawabledrawable == acertaindrawable)”行的错误。尽管Eclipse并没有公然报告两个可绘制对象是否相同的And

  • 我用JFreeChart来表示我的x和y数组。这些数组被绘制得很好,但是回归线被破坏了,永远也不会被绘制出来。除了和函数之外,所有函数都可以工作,例如打印值。不知怎的,这两个都不起作用。我不太介意,但我喜欢能够。我的阵列具有正确的数据,因此不确定问题出在哪里。我正在函数中将数组数据导入数据集。我的具有和阵列。它们有和数据类型。

  • 许多插件,比如buttons,自己就做了它们所有的绘制工作。比如你仅仅需要告诉它们你想看到的标签、你想它们使用的字体、绘制按钮的轮廓和焦点矩形。有时候,有必要做些自定义的绘制。在这种情况下,一个 GtkDrawingArea控件可能是正确的选择,这个控件提供了一个画布,在这个画布上你可以绘制并且将其连接到”draw“信号。 控件的内容常常需要被部分或者全部重新绘制。比如,当另一个窗口控件被移动并且

  • 目标 学习使用OpenCV绘制不同的几何形状 你将学习这些函数:cv2.line(),cv2.circle(),cv2.rectangle(),cv2.ellipse(),cv2.putText()等 Code 在上面的所有函数中,您将看到如下所示的一些常见参数: img:要绘制形状的图像 color:形状的颜色。对于BGR,将其作为元组传递,例如:(255,0,0)for blue。对于灰度,只

  • 问题内容: 我是Android开发的初学者,我正在上课。我的职责是将应用程序中的JSON数据显示为文本和图形。我正在使用Retrofit 2在一个活动中将其显示为文本,但是我在使用图形时遇到了问题,我不知道该怎么做(我仍在学习,到目前为止我所做的一切都是在帮助下来自教程)。 数据如下所示(这是一个示例): 我已经找到了,但是我不确定下一步该怎么做。我应该用数据制作两个数组列表(如果答案是,怎么做?

  • 问题内容: 我有一个sqlite数据库,其中包含以下格式的基本天气信息: 我如何使用绘制这些数据?在能够绘制数据之前,我必须重新整理数据吗? 问题答案: 要从sqlite数据库中提取数据,您可以使用命令行工具即时提取数据。使用gnuplot可以做到这一点,方法是使用a 生成外壳并使用给定的shell命令的输出进行绘图。 这将为每个图提取所有四个字段(重复先前的文件名/ shell命令)。您还可以使