CKAN Graph Creator operator は、CKAN データセットをグラフ表示するオペレータです。
ワイヤリング
- Data and Structure: リソース構造とデータを含む JSON 形式のリソース・データを入力するエンドポイント
- Flotr2 Configuration: Flotr2 Graph の設定を出力するエンドポイント
- Google Charts Configuration: Google Charts の設定を出力するエンドポイント
- HighCharts Configuration: HighCharts の設定を出力するエンドポイント
設定例
- configuration: グラフ表示の JSON 設定
JSON 設定例
このような JSON 設定を、CKAN Graph Creator widget を使って、ウィザード形式で作成することができます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
{ "chart": { "plotBackgroundColor": null, "plotBorderWidth": null, "plotShadow": false, "type": "line" }, "legend": { "layout": "vertical", "align": "right", "verticalAlign": "top", "labelFormat": "{name}", "y": 0, "x": 0, "navigation": { "activeColor": "#3E576F", "animation": true, "arrowSize": 12, "inactiveColor": "#CCC", "style": { "fontWeight": "bold", "color": "#333", "fontSize": "12px" } } }, "title": { "text": "" }, "plotOptions": { "series": { "borderWidth": 0, "dataLabels": { "enabled": true, "format": "{point.y}" } } }, "series": [ { "name": "Cloud Cover [%]", "data": [ [ "2014-01-29T17:00:00", 0.43 ], [ "2014-01-29T18:00:00", 0.41 ], [ "2014-01-29T19:00:00", 0.33 ], [ "2014-01-29T20:00:00", 0.16 ], [ "2014-01-29T21:00:00", 0.06 ], [ "2014-01-29T22:00:00", 0.02 ], [ "2014-01-29T23:00:00", 0.02 ], [ "2014-01-30T00:00:00", 0.03 ], [ "2014-01-30T01:00:00", 0.03 ], [ "2014-01-30T02:00:00", 0.06 ] ] } ], "xAxis": { "categories": [ "2014-01-29T17:00:00", "2014-01-29T18:00:00", "2014-01-29T19:00:00", "2014-01-29T20:00:00", "2014-01-29T21:00:00", "2014-01-29T22:00:00", "2014-01-29T23:00:00", "2014-01-30T00:00:00", "2014-01-30T01:00:00", "2014-01-30T02:00:00" ] } } |
入力データ例
CKAN Source operator や CKAN Resource Selector widget を使用して、ソース構造とデータを含む JSON 形式のリソース・データを CKAN Graph creator operator へ入力します。
CKAN Source operator の設定例
JSON 形式のリソース・データ例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
{ "resource_id": "57e34c1d-f6b4-4378-ab43-e16f71d7f35a", "structure": [ { "type": "number", "id": "_id" }, { "type": "date", "id": "YYYY-MM-DD:HH:mm:ss" }, { "type": "number", "id": "Cloud Cover [%]" } ], "data": [ { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T17:00:00", "_id": 1, "Cloud Cover [%]": "0.43" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T18:00:00", "_id": 2, "Cloud Cover [%]": "0.41" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T19:00:00", "_id": 3, "Cloud Cover [%]": "0.33" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T20:00:00", "_id": 4, "Cloud Cover [%]": "0.16" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T21:00:00", "_id": 5, "Cloud Cover [%]": "0.06" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T22:00:00", "_id": 6, "Cloud Cover [%]": "0.02" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-29T23:00:00", "_id": 7, "Cloud Cover [%]": "0.02" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-30T00:00:00", "_id": 8, "Cloud Cover [%]": "0.03" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-30T01:00:00", "_id": 9, "Cloud Cover [%]": "0.03" }, { "YYYY-MM-DD:HH:mm:ss": "2014-01-30T02:00:00", "_id": 10, "Cloud Cover [%]": "0.06" } ], "metadata": { "id": "57e34c1d-f6b4-4378-ab43-e16f71d7f35a", "ckan_server": "https://data.lab.fiware.org" } } |
出力例
関連情報
CKAN Graph creator widgetCKAN Graph creator widget は、CKAN データセットをグラフ表示する ウィジェットです。
ワイヤリング
...
WireCloud widget and operatorWireCloud では、ウィジェットとオペレータと呼ばれる機能部品を組み合わせることで、Web アプリケーションやダッシュボードを作成...
