TablePressで作ったテーブルのデータを使ってグラフやチャートを表示できる:TablePress Extension: Chartist

2017年10月24日

テーブル作成プラグインとして「TablePress」あります。
その TablePress で作成したテーブルに入力したデータをグラフやチャートで表示できると便利ですよね。

そのような時に便利な WordPress 用プラグインがあります。
それは「TablePress Extension: Chartist」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

TablePress Extension: Chartist

Screenshot of wordpress.org

TablePress Extension: Chartist は、
TablePress で作ったテーブルデータを使ってグラフやチャートを表示できます。

記事を作成もしくは更新時点でのバージョン:v 0.9
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
TablePress Extension: Chartist – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「TablePress Extension: Chartist」と入力します。

WordPressプラグイン「TablePress Extension: Chartist」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

TablePress Extension: Chartist は、バックグラウンドで動作します。
専用メニュー・設定画面も含めて何も無いので、日本語化を気にする必要は無いです。

専用メニュー

TablePress Extension: Chartist には、専用メニューは無いです。

ショートコード

下記のショートコードを利用すると、
id で指定したテーブルのデータを使ってグラフやチャートを表示できます。

WordPressプラグイン「TablePress Extension: Chartist」のスクリーンショット

id は、TablePress のテーブル一覧で確認できます。

[table-chart id=123 chart=line /]

line:

bar:
バー

pie:
パイチャート

donut:
ドーナツ

percent:
パーセント

piepercent (mix of pie and percent):
円(円とパーセントの混合)

URL

TablePress Extension: Chartist – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています