Confused why only one Linegraph will render correctly on the iPhone Teams Client?

Question

Confused why only one Linegraph will render correctly on the iPhone Teams Client?

John Kelly 0

I have been attempting to use the line graphs for a bot. When I render the line graphs, they do not render properly on the iPhone teams client. They render fine on the Desktop teams client.

The Adaptive Card JSON is here: I placed both the line graph I wanted and the line graph example in the adaptive card. Both display on the Teams Web client and in the Teams Desktop client. But only the sample Line graph displays on the iPhone.

Thank you in advance.

JSON and Screenshots enclosed.
linegraphbad.png

linegraphgood.png

desktopteamsclient.png

webteamsclient.png
JSON:

{
  "type": "AdaptiveCard",
  "$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.5",
  "body": [
    {
      "title": "New Chart.Line",
      "xAxisTitle": "Days",
      "yAxisTitle": "Sales",
      "colorSet": "categorical",
      "data": [
        {
          "legend": "Outlook",
          "values": [
            {
              "x": "2023-05-01",
              "y": 99
            },
            {
              "x": "2023-05-02",
              "y": 6
            },
            {
              "x": "2023-05-03",
              "y": 63
            },
            {
              "x": "2023-05-04",
              "y": 64
            },
            {
              "x": "2023-05-05",
              "y": 63
            },
            {
              "x": "2023-05-06",
              "y": 78
            }
          ]
        },
        {
          "legend": "Teams",
          "values": [
            {
              "x": "2023-05-01",
              "y": 12
            },
            {
              "x": "2023-05-02",
              "y": 82
            },
            {
              "x": "2023-05-03",
              "y": 12
            },
            {
              "x": "2023-05-04",
              "y": 33
            },
            {
              "x": "2023-05-05",
              "y": 1
            },
            {
              "x": "2023-05-06",
              "y": 80
            }
          ]
        },
        {
          "legend": "Office",
          "values": [
            {
              "x": "2023-05-01",
              "y": 66
            },
            {
              "x": "2023-05-02",
              "y": 93
            },
            {
              "x": "2023-05-03",
              "y": 65
            },
            {
              "x": "2023-05-04",
              "y": 13
            },
            {
              "x": "2023-05-05",
              "y": 90
            },
            {
              "x": "2023-05-06",
              "y": 48
            }
          ]
        },
        {
          "legend": "Windows",
          "values": [
            {
              "x": "2023-05-01",
              "y": 9
            },
            {
              "x": "2023-05-02",
              "y": 19
            },
            {
              "x": "2023-05-03"
            },
            {
              "x": "2023-05-04",
              "y": 61
            },
            {
              "x": "2023-05-05",
              "y": 21
            },
            {
              "x": "2023-05-06",
              "y": 72
            }
          ]
        },
        {
          "legend": "Exchange",
          "values": [
            {
              "x": "2023-05-01",
              "y": 35
            },
            {
              "x": "2023-05-02",
              "y": 11
            },
            {
              "x": "2023-05-03",
              "y": 91
            },
            {
              "x": "2023-05-04",
              "y": 97
            },
            {
              "x": "2023-05-05",
              "y": 97
            },
            {
              "x": "2023-05-06",
              "y": 45
            }
          ]
        },
        {
          "legend": "SharePoint",
          "values": [
            {
              "x": "2023-05-01",
              "y": 26
            },
            {
              "x": "2023-05-02",
              "y": 99
            },
            {
              "x": "2023-05-03",
              "y": 16
            },
            {
              "x": "2023-05-04",
              "y": 26
            },
            {
              "x": "2023-05-05",
              "y": 91
            },
            {
              "x": "2023-05-06",
              "y": 22
            }
          ]
        },
        {
          "legend": "Copilot",
          "values": [
            {
              "x": "2023-05-01",
              "y": 96
            },
            {
              "x": "2023-05-02",
              "y": 37
            },
            {
              "x": "2023-05-03",
              "y": 27
            },
            {
              "x": "2023-05-04",
              "y": 5
            },
            {
              "x": "2023-05-05",
              "y": 45
            },
            {
              "x": "2023-05-06",
              "y": 59
            }
          ]
        }
      ],
      "type": "Chart.Line"
    },
    {
      "title": "Response Times",
      "xAxisTitle": "Hour of Day (ET)",
      "yAxisTitle": "Seconds",
      "colorSet": "categorical",
      "data": [
        {
          "legend": "Median",
          "color": "categoricalLightBlue",
          "values": [
            {
              "x": "00",
              "y": 0.3236166666666667
            },
            {
              "x": "01",
              "y": 0.3152
            },
            {
              "x": "02",
              "y": 0.3239833333333334
            },
            {
              "x": "03",
              "y": 0.3100000000000001
            },
            {
              "x": "04",
              "y": 0.30210000000000004
            },
            {
              "x": "05",
              "y": 0.31328333333333336
            },
            {
              "x": "06",
              "y": 0.35621666666666674
            },
            {
              "x": "07",
              "y": 0.3150666666666666
            },
            {
              "x": "08",
              "y": 0.34275000000000017
            },
            {
              "x": "09",
              "y": 0.4383166666666666
            },
            {
              "x": "10",
              "y": 0.29415217391304355
            }
          ]
        },
        {
          "legend": "P90",
          "color": "divergingYellow",
          "values": [
            {
              "x": "00",
              "y": 0.6051
            },
            {
              "x": "01",
              "y": 0.6449166666666666
            },
            {
              "x": "02",
              "y": 0.6435666666666668
            },
            {
              "x": "03",
              "y": 0.6386833333333334
            },
            {
              "x": "04",
              "y": 0.6243333333333336
            },
            {
              "x": "05",
              "y": 0.6795833333333335
            },
            {
              "x": "06",
              "y": 0.7160499999999999
            },
            {
              "x": "07",
              "y": 0.6548999999999999
            },
            {
              "x": "08",
              "y": 0.5568833333333334
            },
            {
              "x": "09",
              "y": 0.7060000000000001
            },
            {
              "x": "10",
              "y": 0.43643478260869567
            }
          ]
        },
        {
          "legend": "P99",
          "color": "categoricalMarigold",
          "values": [
            {
              "x": "00",
              "y": 1.3782833333333333
            },
            {
              "x": "01",
              "y": 1.5408000000000002
            },
            {
              "x": "02",
              "y": 1.3430166666666672
            },
            {
              "x": "03",
              "y": 1.3709666666666664
            },
            {
              "x": "04",
              "y": 1.4505166666666665
            },
            {
              "x": "05",
              "y": 1.3814666666666673
            },
            {
              "x": "06",
              "y": 1.3808000000000002
            },
            {
              "x": "07",
              "y": 1.180033333333333
            },
            {
              "x": "08",
              "y": 0.8722833333333334
            },
            {
              "x": "09",
              "y": 1.0614999999999999
            },
            {
              "x": "10",
              "y": 0.5845434782608696
            }
          ]
        }
      ],
      "type": "Chart.Line"
    }
  ]
}

Sayali-MSFT 4,431 Reputation points Microsoft External Staff Moderator

2025-11-25T05:29:50.7733333+00:00

Hello **John Kelly,**Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.
Sayali-MSFT 4,431 Reputation points Microsoft External Staff Moderator

2025-11-25T11:30:04.0933333+00:00

Hello John Kelly,
Thank you for your patience! We were able to reproduce the issue in the [Mobile iOS] Teams version [7.20.77.2025203102/1113]. We have reported this as a bug for further investigation.

We will keep you updated as soon as we receive further information. Thank you for bringing this to our attention!

1 answer

Your answer

Sayali-MSFT 4,431 Reputation points Microsoft External Staff Moderator

2025-11-25T05:29:50.7733333+00:00

Hello **John Kelly,**Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.
Sayali-MSFT 4,431 Reputation points Microsoft External Staff Moderator

2025-11-25T11:30:04.0933333+00:00

Hello John Kelly,
Thank you for your patience! We were able to reproduce the issue in the [Mobile iOS] Teams version [7.20.77.2025203102/1113]. We have reported this as a bug for further investigation.

We will keep you updated as soon as we receive further information. Thank you for bringing this to our attention!

Answer 1

Teddie-D 9,355 Microsoft External Staff Moderator

Hi @John Kelly

Thank you for posting your question in the Microsoft Q&A forum.

This issue may occur because the chart data is missing the y property. For example:

{ 
  "x": "2023-05-03" 
}

Adaptive Card charts require both x and y values for every data point.

-On Teams Desktop or Web, missing values are ignored, so the chart may still render.

-On Teams iOS, the rendering engine enforces stricter validation. If any data point is missing a y value, the chart will fail to render entirely and no error message is shown.

To ensure consistent behavior across all platforms, always provide a y value for every data point. Leaving it blank will cause the chart to break on iOS.

I hope this helps resolve your issue.

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

John Kelly 0 Reputation points

2025-11-25T02:14:21.03+00:00

Man. I wish it was that. That particular item is from the example graph on adaptive card's designer and displays properly on all clients. The graph JSON below it is what doesn't show up in the iPhone client. (With or without the example graph JSON as it happens.)
Teddie-D 9,355 Reputation points Microsoft External Staff Moderator

2025-11-25T15:11:33.83+00:00

Hi @John Kelly

I found another thread reporting the same issue [Rendering] Can't see chart in mobile teams app · Issue #314 · microsoft/Teams-AdaptiveCards-Mobile. It seems others have encountered this issue, and there hasn’t been any update from the team yet.
Based on community feedback, version 1.5 appears to have rendering issues on iOS. As a temporary workaround, you could try downgrading to version 1.4 or even 1.3, which some users have reported fixes the issue.
John Kelly 0 Reputation points

2025-11-25T16:11:31.9066667+00:00

I was excited to try that. Moved the version on the JSON code above to 1.4 and re-tested and got the same result as I did in 1.5. Thank you for the idea however. It was certainly worth the attempt.
Teddie-D 9,355 Reputation points Microsoft External Staff Moderator

2025-11-26T06:31:29.6966667+00:00

Hi @John Kelly
Thanks for giving that a try and confirming the results. Since both 1.4 and 1.5 show the same behavior, it seems the issue isn’t related to the schema version. At this time, I don’t have a workaround to offer, so the best course of action is to wait for Sayali’s upcoming update, which should provide more clarity. I truly appreciate your patience and understanding while the issue is being investigated.

Share via

Confused why only one Linegraph will render correctly on the iPhone Teams Client?

1 answer

Your answer