図のようなグラフをhtml上でjqPlot.jsを使用して作成しようと思っているのですが、
マイナスの値のグラフを表示する際にも値を表示したいのですが、オプションをいろいろ試してみても
数値が表示されません。
どなたかオプションなどご存じでしたらご教示いただけますでしょうか。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答2件
0
自己解決
オプションを下記のように記述し、自己解決致しました。
]
], {
axes: {
xaxis: {
renderer: jQuery.jqplot.CategoryAxisRenderer,
},
yaxis:{
tickOptions: { formatString: "%'d" }
}
},
seriesDefaults: {
renderer: jQuery.jqplot.BarRenderer,
pointLabels: {
fillToZero: true, show: true, location: 'n', ypadding: 0, escapeHTML: false, edgeTolerance: -20, formatString: '<b style="color: blue;">%d</b>', hideZeros: true, formatString: "%'d" }, rendererOptions: { fillToZero: true } } } );
投稿2017/12/13 02:50
総合スコア18
0
やってみたわけではないですが、
jqPlotのオプションのseriesDefaultsにfillToZeroというのがあってこれをtrueにすると標準のレンダラー(?)のjQuery.jqplot.BarRendererはグラフの値から0に向かってバーを描画してくれる仕組みであるように思いました。
javascript
1... 2 seriesDefaults: { 3 renderer: jQuery.jqplot.BarRenderer, 4 rendererOptions: { 5 barDirection: 'vertical', 6 fillToZero: true 7 } 8 } 9...
見たページは(本家のページではないのですが)以下です。下記は横棒グラフとなってましたがhorizontalをverticalにすれば縦棒になるだろうと想像して上記を書いてます。
http://alphasis.info/2012/02/jquery-plugin-jqplot-horizontal_bar_charts-minus/
もしヒントにならなかったらスミマセン。
投稿2017/12/12 14:26
総合スコア18394
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/12 18:20
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。