スポンサーリンク

ショートコードでChartJSのグラフを表示するプラグインを作りました

プラグイン
スポンサーリンク
本ページにはプロモーションが含まれています。

誰でも簡単にあの美しいChartJSのグラフをブログ上に表示出来たらと思い、ショートコードにたった少しの設定をするだけでChartJSのグラフを表示できるプラグインを作ってみました。

たくさんの方に使ってもらえたら嬉しいです。

現在対応しているグラフは

  • 折れ線グラフ
  • 円グラフ
  • 棒グラフ
  • 棒グラフ&折れ線グラフ
  • 折れ線グラフ&折れ線グラフ

以上、5つです。

スポンサーリンク

棒グラフを表示してみる

例えばブログに下のショートコードを貼り付けると…

[display_graph_single type="bar" x_data="Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec" y_data="10, 30, 5, 50, 90, 32, 48, 46, 120, 200,103, 30" title="契約数" y_top="250" bordercolor="#4BC0C0" backgroundcolor="#4BC0C0" y_label="契約数" height="400" labelson="false" unit="件"]

こんなグラフを表示させることができます♩

Plugin by tarovlog.com

かっこいい!!!

詳細は下の記事にまとめていますので見てみてください。

詳細はこちら:ショートコードで誰でも簡単にChartJSの美しいグラフ表示ができるプラグイン

タイトルとURLをコピーしました