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

{% tabs %}
{% tab title="シンプルガイド" %}
![](/files/5lNmNJ0tQNFujQP0cP6O)

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

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

![ステップ3](/files/Mhh8LjbPUPbfMXP0Frb4)
{% endtab %}
{% endtabs %}

## ヘルプ

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/ja/component-basics/marketplace-components/how-to-insert-bar-charts-and-line-graphs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.