収録内容の詳しい紹介 - BarChart BarChart for ASP.NET Wijmo

BarChart for ASP.NET Wijmoを使用すると、横棒グラフと縦棒グラフを作成できます。各系列をデータの横棒または縦棒として描き、豊富なカスタマイズ機能やアニメーション機能を備えています。

主な特長

HTML5 グラフ

C1BarChartのグラフはScalable Vector Graphics(SVG)を使用しています。SVGはHTML5で充実した対話型の視覚を作成するのに最適です。 SVGでグラフを作成する利点としては、真のクライアント側グラフ作成、DOMフレンドリなグラフ、ハードウェアアクセラレーショングラフィックス、対話型のアニメーションとツールチップ、ストリーミングの視覚化があります。さらに、これらのグラフは追加のプラグインが不要です。

縦棒グラフ

C1BarChartのHorizontalプロパティをFalseに設定するだけで、横棒グラフを縦棒グラフに変換できます。

複数の系列

複数の系列を棒グラフで表示できるので、関連する系列同士の表示に役立ちます。

積層型棒グラフ

C1BarChartのStackedプロパティをTrueに設定するだけで、積層型棒グラフを表示できます。

データ連結

C1BarChartは外部データソースとの連結に対応します。データ連結はDataBindingsプロパティを設定するだけで実現でき、すべての標準ASP.NET DataSourceコントロール(SqlDataSourceなど)とすべてのDataSourceタイプ(DataTableなど)をサポートしています。C1BarChartのデータ連結は、デザイン時やコード上で容易に操作できます。

リアルタイムデータ

データのリアルタイム更新に最適化されています。データ変更に伴いグラフ表示も変更されます。

アニメーション

アニメーション効果を設定できます。遷移設定を有効にすると、ページロード時にグラフはバウンド、伸縮など、さまざまな状態で遷移されます。

ツールチップ

拡大

ツールチップやリンクをグラフ要素に関連付けて、グラフがマウスイベントに応答するようにできます。これは、クライント側でHTMLイメージマップにより処理されます。

外観

C1BarChartの豊富なプロパティを使用してグラフの外観をカスタマイズできます。系列や系列の項目を異なる色にし、グラフ要素に影を付けて、グラフをより魅力的に表示できます。ユーザーの操作性をさらに高めるために、位置、サイズ、色も調整可能です。

DateTime

データをDateTime書式指定文字列として書式設定できます。グラフは自動的にデータ自体に基づいて数値型の注釈を生成します。

軸の自動作成

C1BarChartは自動的にグラフの軸を生成します。

軸の起点

C1BarChartは負の値をサポートし、各軸のOriginプロパティを使用して正しく表示することができます。 Originプロパティは、軸の始点を描画する位置を決定します。同じグラフ上で正の値と負の値の両方を表示する場合に最適です。

ラベル

ラベルにより、棒グラフの読みやすさを向上させます。重要なデータポイントを強調表示したり、データやグラフに関する情報を提供することができます。

系列の非表示

グラフの凡例をクリックするだけで、系列の表示/非表示を切り替えることができます。

クロスブラウザ対応

BarChart for ASP.NET WijmoはIE、Firefox、Safari、Chrome、Operaなどの主要なブラウザをサポートしています。

オンラインヘルプ