igDataChart チャートの枠（border）の表示

  • 公開日:
  • 最終更新日:

igDataChartでチャート枠を設定表示する機能はありませんが、既存の設定を利用して、枠のような見せ方をすることができます。

　

minimumValue 、maximumValue で、TopとBottomのborderを再現

X軸、Y軸それぞれの罫線に対して、最小値（minimumValue）、最大値（maximumValue）を設定することで、border-top、border-bottom を表現することができます。

　

minimumValue, maximumValue を設定しない場合

グラフ上限に余裕がなく、下限は最小値に合わせたようなチャートに。

　

minimumValue=0, maximumValue=1800 を設定した場合

上限に余裕があり、下限もわかりやすいチャートに。

　

サンプル

igDataChart-ColumnChartダウンロード

Tagged:

製品について

Ignite UI for jQuery

100種類以上のJavaScript UIコンポーネントが様々なフレームワークを活用したレスポンシブ、モダンWebアプリケーション開発をサポートします。
» 製品ページはこちら