ExcelからjqPlotへの変換フォームを作ってみた

Excelのセルをコピペして、
当ブログで使用しているjqPlotの折れ線グラフのソースに変換するフォームを作ってみました。

Excel to jqPlot



個人的に使うために作りましたが、
当ブログに載せているjqPlotの折れ線グラフを使いたい人がいたらご自由にお使いください。




使い方



1. Excelでグラフにしたい表を作る。




2. グラフにしたい表をコピーする。




3. 上の入力テキストエリアへペーストする。(一番下の行に改行が入る場合は手動で削除してください)




4. 各種設定を行う。
Direction 表の向き
LineFeed 出力するソースに改行を入れるか
id グラフのDiv要素のid
Width グラフの幅
Height グラフの高さ
LineWidth グラフの線の太さ
MarkerSize グラフのマーカーの大きさ
Unit 数値の単位




5. 『Convert to jqPlot』ボタンを押す。



6. 出力テキストエリアにソースが出力される。




7. ブログ等に貼り付ける。


注意事項


・ 次のスクリプト・スタイルシートを読み込まないとjqPlotを使用できません
  jquery-2.1.3.min.js
  jquery-ui.min.js
  jquery.jqplot.min.js
  jqplot.highlighter.min.js
  jqplot.enhancedLegendRenderer.min.js
  jqplot.dateAxisRenderer.min.js (日付を使用する場合)
  jquery.jqplot.min.css

・ 入力されたデータのチェックや例外処理を行っていないので、変なものを入力しないようにしてください
  (何が起こるかわかりません)



関連記事
2015年05月05日 | 未分類 | コメント(0)
コメントの投稿