How Can I Add Graph On My StatusPage
Asked by ATUL VERMA:

How can I add these **Graphs** to my statuspage as I have shown below screenshot,   

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/325696i9584AF693D928F49/image-dimensions/504x188?v=v2 "image.png")  

I want to add these graphs for my **Components** which I have implemented on my statuspage as of now my statuspage is looks like the below screenshot, and I want to add the graphs UI as shown above screenshot in my components  

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/325697iCDB8E90819F3A146/image-dimensions/534x143?v=v2 "image.png")

**Can I add these Graphs for my Components ?? not for the System metrics ??**


Answers:
author: Jesse Klein
body: Hello Atul,

This is Jesse from the Statuspage support team. The graphs you are showing are only available as system metrics, which are a separate feature from components. The only chart we show for components is the uptime showcase.

You could technically create a system metric that is based on the uptime showcase by taking the [uptime showcase data from the API](https://developer.statuspage.io/#operation/getPagesPageIdComponentsComponentIdUptime) and creating a custom metric for it.

You could also create any custom metric and name it the same as your component so that people know it's related.

If location matters, you can likely do some custom CSS, HTML, and JS on the page (with an appropriate plan) to move where the system metric shows up. Beyond that, however, you aren't able to get graphs that specifically link to the components themselves. Hopefully, that helps make it more clear. I hope you have a great day!

Regards,  
Jesse

comments: author: ATUL VERMA
body: Hello [@Jesse Klein](/t5/user/viewprofilepage/user-id/3659201)

Thank you for the detailed explanation. I understand the distinction between system metrics and components, and I appreciate the clarification.

I would like some assistance with the integration or implementation of this solution. Specifically, I am interested in how to use the API to achieve this.

Currently, I have configured components with GCP alerts and monitoring.**Could you guide me on how to use the API to change these components into system metrics?**

**Or can I Add Time or any more information on the Component if there is any error or Downtime reflect on our Component ?**

Additionally, any examples or documentation references on how to implement this would be highly appreciated.

Thank you for your support. Looking forward to your guidance!

Best regards,  
Atul


author: Jesse Klein
body: Hi Atul,

Just to be clear, you wouldn't be converting the components to system metrics and you wouldn't specifically be adding more information to the component itself in Statuspage. They really are separate from system metrics. My suggestion was that if you named the system metric the same as the component, you could show they are related but they aren't actually linking in any way.

Furthermore, the API can't add or remove time from the uptime showcase, and there's no mechanism to reflect that. The API can get component uptime data, and you might be able to turn that into a metric.

For creating your own metric, you should follow this information in the API docs: <https://developer.statuspage.io/#tag/metrics>

Last, I don't have any examples of this. These were more thoughts on how you might be able to accomplish this. I don't recommend trying to convert the uptime showcase data into a system metric. That data is already presented to show the status of a component through time.

What may be valuable is to take the data from your monitoring tool and use that data as system metric data. That might give a better representation instead of taking the uptime showcase data and converting it.

Hopefully, that helps a little more!

Regards,  
Jesse


author: ATUL VERMA
body: Hi [@Jesse Klein](/t5/user/viewprofilepage/user-id/3659201)   

Thanks for the valuable information, Now my only concern is to achieve these graph type metrics (as shown below Screenshot), for real-time update for my application that is running in GCP.  

Can you please let me know if I want to achieve this graph type metrics what actually I need to do ??  

1) Do I need to use third-party monitoring tool like datadog, etc supported by Atlassian Statuspage ??

2) If yes how can I implement this third-party tool with statuspage which shows graph like metrics.

3) Is it possible to achieve these graph-like metrics when I configure it with GCP ??

Or any point which you can clear me on that...  

**My only concern is to achieve the Graph like metric shown in the Screenshot configured by GCP because all my machines are running in gcp... Will you please help me these solution**   

**Or can you please explain what can I do to achieve this graph-like metrics**

**![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/326521i16E2064A6E090AF7/image-size/large?v=v2&px=999 "image.png")Hope you understand my problem, looking forward for your esteemed Help..**   

Best regards,

Atul


author: Jesse Klein
body: Hi Atul,

1) If you want to monitor services within the Google Cloud Platform, you'll need a monitoring tool. Some examples are Datadog, New Relic, and Pingdom. We also have incident management tools like Opsgenie that do monitoring. Statuspage does not do monitoring, only communication.

2) The system metrics help section has some options for how to link third-party system metrics:

<https://support.atlassian.com/statuspage/docs/what-are-system-metrics/>

3) It looks like GCP has some monitoring tools:

<https://cloud.google.com/monitoring?hl=en>

I would look into that to see if it is useful, but I don't know how that works specifically. If you go that route, we don't have a built-in third-party metric for GCP and in that case, you would use the custom metrics features I mentioned earlier. The data points you would need to get from Google would be timestamped and have a value at that timestamp. These data points can be brought in using the API to create the system metric graph.

Hopefully, that helps point you in the right direction. We don't have specific solutions, but by going either through the third-party monitoring route or using custom metrics with data directly from Google, you should be able to create this graph.

Regards,  
Jesse


Tags: atlassian-support

cloud

component

graphs

statuspage-cloud

support