# 棒グラフと折れ線グラフ

{% tabs %}
{% tab title="シンプルガイド" %}
![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c60f99bd1a426aae9f02486c2cd60f3b0b262a45%2FScreenshot%202019-07-01%2011.38.22.png?alt=media)

1. コンポーネントを画面にドラッグアンドドロップします
2. マジックテキストを使用して、x軸とy軸をデータベースコレクションのプロパティにリンクします
3. デザインパネルのスタイルタブを選択して、ラインチャートや棒グラフの色、軸ラベル、タイトルを編集します

棒グラフと折れ線グラフのもう1つの機能は、[カスタム数式を挿入](https://help.adalo.com/ja/component-basics/how-to-create-a-custom-math-formula)できることです。例えば、各旅行の1日あたりの費用を示す棒グラフを表示したい場合（これは事前に存在しないデータエントリです）、Trip Cost/旅行日数の動的テキストを割ることができます。

![ステップ3](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-dcf1cde141f51e938e781727a36435ca24ee4db1%2FGif%201%20Bar%20Chart%20\(1\).gif?alt=media)
{% endtab %}
{% endtabs %}

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にはこの記事へのリンクも貼っておくようにしてください！