How to integrate grafana into angular 4?

Grafana
1

I am working on angular4 project. i want to integrate grafana in to my project. can anyone please help me about this.

Thanks in advance.

2

you can use an iframe. Grafana is not a javascript library so cannot be included/used directly from another web application like a library .

3

i am working on angular 4 project.i have a json like,
“response”: [
{
“percentage”: “<10%”,
“functions”: “6381”
},
{
“percentage”: “10 to 19%”,
“functions”: “2140”
},
{
“percentage”: “20 to 29%”,
“functions”: “884”
},
{
“percentage”: “30 to 39%”,
“functions”: “419”
},
{
“percentage”: “40 to 49%”,
“functions”: “426”
},
{
“percentage”: “50 to 59%”,
“functions”: “282”
},
{
“percentage”: “60 to 69%”,
“functions”: “456”
},
{
“percentage”: “70 to 79%”,
“functions”: “324”
},
{
“percentage”: “80 to 89%”,
“functions”: “1333”
},
{
“percentage”: “90 to 99%”,
“functions”: “8875”
},
{
“percentage”: “100%”,
“functions”: “1397”
}
].

Is it possible to plot the values in grafana graph. how can i use it by iframe?

4

Sounds tricky. You will have to use the Simple Json Datasource to get the data into Grafana and then iframe the Graph panel into your app.

But it is possible, for inspiration this video from GrafanaCon shows what you can do if you are prepared to do some custom development: https://youtu.be/I3o3tnj5j6s