カスタマイズ以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。以下4つのファイルへリンクしている前提です。type="text/javascript">各種グラフ作成方法は以下にあります。レスポンシブ化replotを使用すると実現できるようですが、初期のサイズが指定できないようです。複数記述すればよさそうです。グラフに複数系列を表示それぞれデータを用意し、同様に[]内に記述します。}を入れると3桁ごとにカンマが挿入されます。$.jqplot.CanvasAxisLabelRendererを設定すると縦に表示してくれます。目盛値を傾けるjqplot.canvasTextRenderer.min.jsjqplot.canvasAxisTickRenderer.min.jsを読み込んで、tickOptionsのangleで傾ける角度を設定します。angleは時計回りに回転度を設定。グラフプロットに値をツールチップで表示jqplot.highlighter.min.jsを読み込んで、highlighterオプションを追加します。これで、グラフ内のプロットにマウスオーバーすると値が表示されます。円グラフでの方法ツールチップのスタイルは、jquery.jqplot.cssに書かれています。グラフ背景色を変更gridのbackgroundで色を指定します。複数Y軸axesにY軸を複数定義して、series内でyaxisをそれぞれ設定します。Carousel」はレスポンシブにも対応した画像ギャラリーが実装できるjQueryプラグインです。1.10.2で動作確認のできたものに限定しています。Accordion」はタブ表示を画面サイズによって折りたたみのアコーディオン形式に変換してくれるjQueryプラグインです。デフォルトでは、768「jqPlot」を使って円グラフを作成Webサイトで円グラフ表示したいと要望があったので、以前使用したjqPlotでデモを作成しました。最初の要望は「凡例つけて」、「いい感じにカラーリングしてほしい。「leanModal」は、シンプルにモーダルウィンドウを設置できるjQueryプラグインです。「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。エフェクトには、fade/slide/typingの3つが可能です。オプションjqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。Validator」は、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。「PopBox」は、シンプルにポップアップを実装できるjQueryプラグインです。Here!selectボックスを華麗にしてくれる「Chosen」「Select2」selectボックスに当てるjQueryプラグインを色々探してみましたがこれに決めました。シングルやマルチ、またグループにも対応しています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。