キャンバスグラフ - Grafanaからデータを取得

私はGrafanaでデータを監視しており、グラフはHTML5 Canvas要素に表示されます。どういうわけか私はJavaScriptを使ってこのデータにアクセスできますか？キャンバスグラフ - Grafanaからデータを取得

私はCanvasがGraphicオブジェクトだと理解していますが、グラフとやりとりしたり、特定のポイントにカーソルを合わせてさらにデータを取得したりできるので、どうにかしてこのデータを取得できるはずです。

残念ながら、私はそうするどのような方法を見つけることができませんでした。あなたはそれをどうやってやることができるか誰にも分かりますか？

私はCanvas要素のメソッドをチェックし、インターネットもチェックしました。

ありがとうございます！

乾杯

2016-04-13 the0MIKE

キャンバス自体に画像が保存されていますそれを「ペイント」できるものとしています。そのイメージに関する情報は保持されません。グラフに関連付けられたデータを取得するには、図面の内容とデータを取得する場所を把握する必要があります。 – IrkenInvader

意味があります。キャンバスがデータを返すことができない理由を理解しました。 AngularJSからのもので、これをチェックしてくださいありがとうございました！ – the0MIKE

@IrkenInvaderありがとうございます。これは、あなたが参照したグラフのような素晴らしいUIとデータ表現に使用されることを意味します。また、現在の画像以外のキャンバスについて論理的に何も見ることができないことを意味しています。

必要なデータを見つけるには、バンドルされているJSを調べる必要があります。しかし、データがGrafanaのようなサービスから来ている場合、付随するAPIを持つ可能性があります。幸い、APIを使用して、必要なデータを取得できるはずです。

例要求：

GET /api/datasources/1 HTTP/1.1 
Accept: application/json 
Content-Type: application/json 
Authorization: Bearer eyJrIjoiT0tTcG1pUlY2RnVKZTFVaDFsNFZXdE9ZWmNrMkZYbk

例応答：

HTTP/1.1 200 
Content-Type: application/json 

{ 
    "id":1, 
    "orgId":1, 
    "name":"test_datasource", 
    "type":"graphite", 
    "access":"proxy", 
    "url":"http://mydatasource.com", 
    "password":"", 
    "user":"", 
    "database":"", 
    "basicAuth":false, 
    "basicAuthUser":"", 
    "basicAuthPassword":"", 
    "isDefault":false, 
    "jsonData":null 
}

もっと読むhttp://docs.grafana.org/reference/http_api/#get-a-single-data-sources-by-id

出典

2016-04-13 20:43:14 Shakespeare