Chart マクロ用 Confluence ストレージ フォーマットの例

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

このページはチャート マクロ用のドキュメントを拡張したものです。このページには追加のチャート マクロ例が含まれています。

円グラフ

これは円グラフの簡単な例です。

ストレージ フォーマット

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="title">Fish Sold</ac:parameter>
  <ac:parameter ac:name="type">pie</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Fish Type</p>
          </th>
          <th>
            <p>2004</p>
          </th>
          <th>
            <p>2005</p>
          </th>
        </tr>
        <tr>
          <th>
            <p>Herring</p>
          </th>
          <td>
            <p>9,500</p>
          </td>
          <td>
            <p>8,300</p>
          </td>
        </tr>
        <tr>
          <th>
            <p>Salmon</p>
          </th>
          <td>
            <p>2,900</p>
          </td>
          <td>
            <p>4,200</p>
          </td>
        </tr>
        <tr>
          <th>
            <p>Tuna</p>
          </th>
          <td>
            <p>1,500</p>
          </td>
          <td>
            <p>1,500</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

得られたグラフ

棒グラフ

これは棒グラフの簡単な例です。

ストレージ フォーマット

<ac:macro ac:name="chart">
  <ac:parameter ac:name="title">Fish Sold</ac:parameter>
  <ac:parameter ac:name="type">bar</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Fish Type</p>
          </th>
          <th>
            <p>2004</p>
          </th>
          <th>
            <p>2005</p>
          </th>
        </tr>
        <tr>
          <th>
            <p>Herring</p>
          </th>
          <td>
            <p>9,500</p>
          </td>
          <td>
            <p>8,300</p>
          </td>
        </tr>
        <tr>
          <th>
            <p>Salmon</p>
          </th>
          <td>
            <p>2,900</p>
          </td>
          <td>
            <p>4,200</p>
          </td>
        </tr>
        <tr>
          <th>
            <p>Tuna</p>
          </th>
          <td>
            <p>1,500</p>
          </td>
          <td>
            <p>1,500</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:macro>

得られたグラフ

時系列グラフ

これは時系列グラフの簡単な例です。

ストレージ フォーマット

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="timePeriod">Month</ac:parameter>
  <ac:parameter ac:name="dataOrientation">vertical</ac:parameter>
  <ac:parameter ac:name="rangeAxisLowerBound">0</ac:parameter>
  <ac:parameter ac:name="dateFormat">MM/yyyy</ac:parameter>
  <ac:parameter ac:name="type">timeSeries</ac:parameter>
  <ac:parameter ac:name="domainaxisrotateticklabel">true</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Month</p>
          </th>
          <th>
            <p>Revenue</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>1/2005</p>
          </td>
          <td>
            <p>31.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>2/2005</p>
          </td>
          <td>
            <p>41.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>3/2005</p>
          </td>
          <td>
            <p>51.3</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>4/2005</p>
          </td>
          <td>
            <p>33.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>5/2005</p>
          </td>
          <td>
            <p>27.6</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>6/2005</p>
          </td>
          <td>
            <p>49.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>7/2005</p>
          </td>
          <td>
            <p>51.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>8/2005</p>
          </td>
          <td>
            <p>77.3</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>9/2005</p>
          </td>
          <td>
            <p>73.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>10/2005</p>
          </td>
          <td>
            <p>97.6</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>11/2005</p>
          </td>
          <td>
            <p>101.2</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>12/2005</p>
          </td>
          <td>
            <p>113.7</p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Month</p>
          </th>
          <th>
            <p>Expenses</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>1/2005</p>
          </td>
          <td>
            <p>41.1</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>2/2005</p>
          </td>
          <td>
            <p>43.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>3/2005</p>
          </td>
          <td>
            <p>45.3</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>4/2005</p>
          </td>
          <td>
            <p>45.0</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>5/2005</p>
          </td>
          <td>
            <p>44.6</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>6/2005</p>
          </td>
          <td>
            <p>43.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>7/2005</p>
          </td>
          <td>
            <p>51.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>8/2005</p>
          </td>
          <td>
            <p>52.3</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>9/2005</p>
          </td>
          <td>
            <p>53.8</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>10/2005</p>
          </td>
          <td>
            <p>55.6</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>11/2005</p>
          </td>
          <td>
            <p>61.2</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>12/2005</p>
          </td>
          <td>
            <p>63.7</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

得られたグラフ

XY 折れ線グラフ

これは XY 折れ線グラフの簡単な例です。

ストレージ フォーマット

<ac:macro ac:name="chart">
  <ac:parameter ac:name="type">xyline</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>&nbsp;</p>
          </th>
          <th>
            <p>12</p>
          </th>
          <th>
            <p>14</p>
          </th>
          <th>
            <p>23</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>Revenue</p>
          </td>
          <td>
            <p>41.1</p>
          </td>
          <td>
            <p>31.8</p>
          </td>
          <td>
            <p>12.4</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Expense</p>
          </td>
          <td>
            <p>31.1</p>
          </td>
          <td>
            <p>41.8</p>
          </td>
          <td>
            <p>43.6</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:macro>

得られたグラフ

XY 棒グラフ

これは XY 棒グラフの簡単な例です。

ストレージ フォーマット

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="opacity">60</ac:parameter>
  <ac:parameter ac:name="type">xybar</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p> </p>
          </th>
          <th>
            <p>2005</p>
          </th>
          <th>
            <p>2006</p>
          </th>
          <th>
            <p>2007</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>Revenue</p>
          </td>
          <td>
            <p>41.1</p>
          </td>
          <td>
            <p>31.8</p>
          </td>
          <td>
            <p>12.4</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Expense</p>
          </td>
          <td>
            <p>31.1</p>
          </td>
          <td>
            <p>41.8</p>
          </td>
          <td>
            <p>43.6</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

得られたグラフ

XY 面グラフ

これは XY 面グラフの簡単な例です。

ストレージ フォーマット

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="type">xyarea</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p> </p>
          </th>
          <th>
            <p>12</p>
          </th>
          <th>
            <p>14</p>
          </th>
          <th>
            <p>23</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>Revenue</p>
          </td>
          <td>
            <p>41.1</p>
          </td>
          <td>
            <p>31.8</p>
          </td>
          <td>
            <p>12.4</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Expense</p>
          </td>
          <td>
            <p>31.1</p>
          </td>
          <td>
            <p>41.8</p>
          </td>
          <td>
            <p>43.6</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

得られたグラフ

面グラフ

面グラフの 2 つの例です。

エリアチャート 1 用ストレージ フォーマット

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="height">300</ac:parameter>
  <ac:parameter ac:name="legend">true</ac:parameter>
  <ac:parameter ac:name="width">300</ac:parameter>
  <ac:parameter ac:name="opacity">50</ac:parameter>
  <ac:parameter ac:name="type">area</ac:parameter>
  <ac:parameter ac:name="dataDisplay">true</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Satisfaction</p>
          </th>
          <th>
            <p>2002</p>
          </th>
          <th>
            <p>2003</p>
          </th>
          <th>
            <p>2004</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>Very satisfied</p>
          </td>
          <td>
            <p>20</p>
          </td>
          <td>
            <p>23</p>
          </td>
          <td>
            <p>34</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Satisfied</p>
          </td>
          <td>
            <p>40</p>
          </td>
          <td>
            <p>34</p>
          </td>
          <td>
            <p>23</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Disatisfied</p>
          </td>
          <td>
            <p>25</p>
          </td>
          <td>
            <p>26</p>
          </td>
          <td>
            <p>25</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Very disatisfied</p>
          </td>
          <td>
            <p>15</p>
          </td>
          <td>
            <p>17</p>
          </td>
          <td>
            <p>18</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

得られた面グラフ 1

エリアチャート 2 用ストレージ フォーマット

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="stacked">true</ac:parameter>
  <ac:parameter ac:name="height">300</ac:parameter>
  <ac:parameter ac:name="legend">true</ac:parameter>
  <ac:parameter ac:name="width">300</ac:parameter>
  <ac:parameter ac:name="type">area</ac:parameter>
  <ac:parameter ac:name="dataDisplay">true</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Satisfaction</p>
          </th>
          <th>
            <p>2002</p>
          </th>
          <th>
            <p>2003</p>
          </th>
          <th>
            <p>2004</p>
          </th>
        </tr>
        <tr>
          <td>
            <p>Very satisfied</p>
          </td>
          <td>
            <p>12</p>
          </td>
          <td>
            <p>23</p>
          </td>
          <td>
            <p>31</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Satisfied</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>34</p>
          </td>
          <td>
            <p>36</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Disatisfied</p>
          </td>
          <td>
            <p>4</p>
          </td>
          <td>
            <p>6</p>
          </td>
          <td>
            <p>22</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>Very disatisfied</p>
          </td>
          <td>
            <p>2</p>
          </td>
          <td>
            <p>7</p>
          </td>
          <td>
            <p>12</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

得られた面グラフ 2

最終更新日: 2015 年 12 月 2 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.