sugilogのブログスマートフォン用の表示で見るsugilogのブログこの広告は、90日以上更新していないブログに表示しています。src="jquery.jqplot.min.js"></script>(以下略)最小限の表示jquery.jqplot.min.js基本は折れ線グラフ。グラフを表示するターゲットDOM。DOMは、表示する大きさを予め指定されている必要がある。1系列は、配列の配列。配列化したそれぞれの系列を順に配列として渡す。</script>凡例はデフォルトoffグラフのタイトルもデフォルトoffオプションの設定$.jqplotの第3引数にオプションを設定するための連想配列を設定する。</script>ベーシックオプションseriesColors系列別の色を設定する。ArrayseriesColorsのsizeは、必ずしも系列の数に合っている必要はない。系列の数がseriesColorsよりも多い場合は、最初の色から再度利用される。axesDefaultsグラフの全ての軸のデフォルト値を設定する。axis向けのrenderingプラグインの設定などをまとめてしまうと良い目盛りの表示向けプラグインなど。個別設定は、axesで行う。trueが設定されていないと、メモリがずれてしまうので注意。x2axis)を個別設定する。内部のキーは単数形(axis)。x2は2軸表示の時の副軸。表示のためには別途系列ごとでの設定が必要。seriesDefaults表示するすべての系のデフォルト値を設定する。series向けのrenderingプラグインの設定などをまとめてしまうと良いグラフの種類のプラグインなど。series表示する各系を個別設定する。系の順番はデータでセットした順番が維持される。グラフの種類を混ぜて表示したい場合は、ここでrendererの設定を行うことで変更する。'y2axis')もここで行う。trueが必須となる。rendererを使用しない場合、表示は縦型になる。gridグリッド(グラフ表示の枠線と内部のグリッド線)特に弄る必要はなし。グラフのタイトル(外部に表示される)プラグインよく使いそうなプラグインは以下のとおりjqplot.barRenderer.min.jsjqplot.pieRenderer.min.jsjqplot.enhancedLegendRenderer.min.jsjqplot.categoryAxisRenderer.min.jsjqplot.dateAxisRenderer.min.jsjqplot.canvasAxisLabelRenderer.min.jsjqplot.pointLabels.min.jsjqplot.highlighter.min.js利用時には、個別に読み込む必要がある。与えられた値がpixelとして解釈される合わせて、categoryAxisRendererを利用すると、より棒グラフ的に表示できる。</script>データの設定は、他のグラフと同じで一つの系を配列として、それをさらに配列にする。枠線が表示されてしまうため、gridの設定を合わせてしておくとベター。円グラフ用の凡例は、専用で拡張用rendererを持っているので、凡例の拡張にはこちらを使用する。設定しておくと、グラフGridの外部に表示可能rendererOptionsで、行/列に表示する最大数を指定できるが、どちらかだけでいいと思う。軸関連の表示の拡張jqplot.categoryAxisRenderer.min.js軸の表示を座標ではなくカテゴライズされた表示に変更する。(おそらく)カテゴライズの基準は、最初の系。http://www.jqplot.com/docs/files/plugins/jqplot-categoryAxisRenderer-js.htmljqplot.dateAxisRenderer.min.js与えられた日付を利用して連続した日付の座標をもった軸の表示に変更する。http://www.jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.htmljqplot.canvasAxisLabelRenderer.min.jsY軸のラベルの表示を傾けて表示、というときに利用。2軸評価のグラフに特に有効。http://www.jqplot.com/docs/files/plugins/jqplot-canvasAxisLabelRenderer-js.html他にもあるので、プラグインのドキュメントから確認。ようにして設定する各プロットの値を常時表示する。ようにして設定する各プロットの値をマウスオーバーしたときに表示するなど。http://www.jqplot.com/docs/files/plugins/jqplot-enhancedLegendRenderer-js.htmlということでとりあえず、必要なグラフは大体表示できるようになりましたと。あとは、documentを見ながら、カスタマイズかな。最近、キーボード関連のエントリー多いですね。hikakujoho.com...2017-10-23ISUCON7参加しました@チームinarisanISUCON7の予選に参加しました。Syncが終了するとのこと。勝手なまとめはてなブログをはじめよう!sugilogさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。