PukiWiki/jschartプラグインでPukiWikiにグラフを表示 http://www.ark-web.jp/sandbox/wiki/206.html

PukiWiki/jschartプラグインでPukiWikiにグラフを表示

SEの小沼です。
先週の金曜日（2007.04.06）JSChartというグラフ作成ツールが公開されました。

ブログにグラフを貼り付けられる無料サービス「JSChart」 - GIGAZINE
http://gigazine.net/index.php?/news/comments/20070407_jschart/

Web制作者向けのグラフ作成ソフト - JSChart -
http://www.jschart.jp/

新世代のグラフを体験しよう。
JSChartを使うと、あなたのWebページに
スタイリッシュなグラフを配置することができます。

JavaScriptを多用したインターフェースで、識認性や
操作性も抜群です。期間制限のない無料版もご用意。
プログラマー、デザイナーの皆さま、ぜひJSChartを
お試しください。

ありがたいことです。

せっかくなので、このJSChartを利用したグラフ表示用のPukiwiki用のプラグインを作成してみました。

実際に使用すると、こんな感じに表示されます。

目次 †

目次
プラグイン設定方法
- 設定方法
- 記述方法
感想

プラグイン設定方法 †

設定方法 †

ここからファイルをダウンロードしてください。
jschart.inc.php
ダウンロードしたファイルをPukiwikiのPluginフォルダ下に配置してください。

設定は以上です。

記述方法 †

jschartプラグインの使用方法は以下の通りです。
```
#jschart(プロット名,グラフタイプ,横幅,縦幅,要素1,要素2,要素3...);
```
- 「プロット名」はいまのところ日本語が利用できません。
- 「グラフタイプ」には1,2,3のどれかを指定します。それぞれの数字は以下のグラフを意味しています。
  - 1は円グラフ
  - 2は棒グラフ
  - 3は折れ線グラフ
- それぞれのパラメーターはこちらを参考にしています。
  http://www.jschart.jp/products/api.php

以下に使用例を紹介します。
- 円グラフを表示する。
```
#jschart(en_graph, 1,250,250,100,50,40,30);
```

線グラフを表示する。

#jschart(bo_graph, 2,250,250,100,50,40,30);

折れ線グラフを表示する。

#jschart(sen_graph, 3,250,250,100,50,40,30)

感想 †

さすがに一つの画面に何個もグラフを表示させようとすると、ちょっと重くなりますね。
本格的にグラフをバリバリ活用したWikiを作成したい、という方には不向きかもしれません。
ですが設定は簡単ですし、表示されるグラフもなかなか見栄えもよいのなので、ちょっとだけグラフを表示させたいという方には向いているのではないかと自分では思っています。
それにちまたでは円グラフも流行っているみたいですし。
なぜか流行「円グラフ」　手書き感覚が火付け役

投稿者小沼 | パーマリンク

|

tag: PukiWiki,Plugin,Graph

Menu

Movable Type用プラグイン Aシリーズ

ECサイト構築 Zen Cartハイエンド

Tag

最新の20件

2017-05-12

RecentDeleted

2014-04-30

JavaScript/クラス名を後から取得する方法

2013-09-16

ドメイン駆動開発/DDD体験ワークショップに参加しました（PHPカンファレンス2013）

2013-02-21

MenuBar

2012-09-04

2012-04-03

Ruby on Rails/rvm+passenger+mod_proxyの設定

2012-02-29

システム勉強会

2012-02-06

FrontPage

2012-01-19

2011-12-19

ネットワーク/socks5経由でsftp

2011-11-13

wakame/wakame-0.5.1 on Ubuntu-server 10.04 LTS Lucid Lynx

2011-08-08

mysql/groonga on Ubuntu-server 10.04 LTS Lucid Lynx

2011-07-07

2011-02-17

JavaScript/jQuery_Cycle_Pluginでメインビジュアルを作っていくチュートリアル

2010-12-02

paypalの決済の種類とビジネスモデルについて聞いてきました

2010-11-04

jQuery Mobileの使い方と挙動のまとめその１

2010-09-16

jQTouchの使い方とclass指定による挙動のまとめ

ARK-Webビジネスブログの最新記事

2014-01-08

Zen Cartのセキュリティー保守・脆弱性パッチ適用などでお困りなら

2014-01-07

コンテンツ・マーケティング：ダイナミックコンテンツ、スマートコンテンツという潮流

2014-01-06

新年あけましておめでとうございます（2014年最初のご挨拶）

2013-12-13

年末年始の休業期間のお知らせ（2013年～2014年）

2013-12-11

Zen Cartハイエンド版のモジュール：social_buttonsによりコンテンツを共有する

2013-11-29

「Zen Cartのカスタマイズ」ページを公開しました

2013-11-28

Zen Cartハイエンド版のモジュール：am_ajax_addressで郵便番号による住所自動入力をサポート

2013-11-26

北米NGO/NPOの７割はコンテンツマーケティングを去年より強化、第一目的はファンドレイジング、Facebookをよく使う（CMIのレポートから）

2013-11-19

Zen Cart1.3.0.2 EUC-JP版とPHP5.4の組み合わせで日本語（マルチバイト文字）が表示されない障害

2013-10-28

【Movable Type】MT6の最新情報と活用ポイント紹介のセミナーに登壇します

2013-10-18

【消費税増税】Zen Cartで消費税を変更するには：1.3.0.2系と1.5.1系の場合

2013-10-15

【脆弱性対応】A-Form 3.7.7 / A-Member 3.7.7 / A-Reserve 3.7.7をリリースしました。

2013-10-11

【重要なお知らせ】MTプラグインA-Form・A-Member・A-Reserveの脆弱性について（2013年10月11日三版）

2013-09-26

Zen Cartハイエンド版のモジュール：product_csvで商品データの一括インポート・一括エクスポートをする

2013-09-24

NGO、NPOや震災被災企業・団体の方へ：弊社MTプラグインがすべて「無償」になりました

添付ファイル:

jschart.inc.php 2755件 [詳細]

Last-modified: 2007-04-10 (火) 14:34:35 (6219d)

アークウェブのサービスやソリューションはこちら

サービス

Zen Cartソリューション

Movable Typeソリューション

その他ソリューション

アークウェブのCSR(企業の社会的責任)

アークウェブのCSR指針