# Chartio Export Integration Treasure Dataに対して直接クエリを実行し、Chartioのレポートとダッシュボードを素早く作成できます。[Chartio](http://chartio.com/)は、使いやすいクラウドベースのデータビジュアライゼーションおよび探索サービスを提供しています。詳細については、[Chartioドキュメント](https://chartio.com/docs/)を参照してください。 ![](/assets/image-20191015-213503.e5c0384b3db73bde5644436b5b9cb7c98544388c4cb5a2b78bca3407478f55d5.a48cac9a.png) # 前提条件 - Chartioアカウント - Treasure Dataとそのアカウントに関する基本知識 # データソースの設定 1. 以下のURLにアクセスします。ORGANIZATION_NAMEをChartio上の組織名に置き換えてください。 https://chartio.com/ORGANIZATION_NAME/settings/datasources/new/presto/ 2. Direct Connectionタブを選択します。以下の情報を図のように編集します: JDBC設定については、[APIドキュメント](https://api-docs.treasuredata.com/en/tools/presto/quickstart/#about-the-jdbc-driver-for-trinopresto)を参照してください。 [Trinoエンドポイント](https://api-docs.treasuredata.com/en/overview/aboutendpoints/) ![](/assets/image-20191015-213522.c0ec433a691c81ddc5e64003d1bf3378c36bec4037a85b0f0b9639a4d17a9902.a48cac9a.png) 1. **Connect**をクリックして新しいデータソースを作成します。完了まで1~2分かかります。 2. Schemaタブに移動し、Refresh Schemaをクリックします。テーブルが表示されます。 3. **Apply**をクリックします。 4. チャートからこれらのテーブルにアクセスします: ![](/assets/image-20191015-213533.a6bb823dff705f5a40b9e67ac5aa17163a0e86515f5291c417ad6d77726b3e01.a48cac9a.png) # チャートの作成 1. 必要に応じてダッシュボードを選択して作成します。 2. ダッシュボード画面の右上にある**Add Element**をクリックします。 3. 前の手順で作成したData Sourceを選択します。 4. テーブルとフィールドのリストが左側の列に表示されます。この例では、サンプルデータセットに5,000件のApache Webログが含まれています。 ![](/assets/image-20191015-213601.6c40b121ac89bb5fb0a71a754753138b08139d3d348177d57fd8bd9dd5c0ea6d.a48cac9a.png) HTTPレスポンスコードの分布レポートを作成し、Webサイトがエラーを返していないことを確認します。まず、CodeフィールドをMeasuresにドラッグします。次に、集計をCount of all Www Access.Codeとして選択し、ソート順序として降順を選択します。 ![](/assets/image-20191015-213620.58147319e8e2be462be921c34a1e54cd2f0b9dd7b10a3247ad880f8893a570a0.a48cac9a.png) 次に、CodeフィールドをDimensionsにドラッグします。**Run Query**をクリックして結果を取得します。 ![](/assets/image-20191015-213650.af2123d1a0b183bcc0dfd96394ce3171508617648422f516055d7cd334453e8e.a48cac9a.png) 図表タイプを選択すると、例えば円グラフとして結果を表示できます。**Save**をクリックして、これをダッシュボードに配置します。 ![](/assets/image-20191015-213708.c284248f1e8eb71eb1b7a23ef2579bddcabb42211f7b58da186f0276bd739c0f.a48cac9a.png) # ダッシュボードのデザイン ダッシュボードに好きなだけチャートを追加し、ドラッグ&ドロップで配置できます。「メールによるスケジュールされたダッシュボード配信」や「PDFでのエクスポート」などの高度な機能を使用できます。 ![](/assets/image-20191015-213720.e367307279ae58e640bbcef7acaad5c2a69d07d409afe5835c59567723b54cfe.a48cac9a.png)