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

CompositeChart for ASP.NET Wijmoを使用すると、異なるグラフ種を組み合わせた複合グラフを作成できます。同じデータを異なる視覚で表現したり、関連するデータを重ね合わせて傾向を表す場合に便利です。

主な特長

HTML5 グラフ

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

複数グラフ種の重ね合わせ

単一のエリア上に異なるグラフ種を組み合わせた複合グラフを作成できます。

複数の系列

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

データ連結

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

リアルタイムデータ

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

アニメーション

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

ツールチップ

拡大

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

外観

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

DateTime

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

軸の自動作成

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

ラベル

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

クロスブラウザ対応

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

オンラインヘルプ