ニュートン メニュー

株式会社ニュートン

マイクロソフトパートナー

YouTube公式チャンネル

体験版ダウンロード

製品案内

ライセンスパック

ライセンスについて

カスタマイズ受付

製品購入ガイド

オンラインショップ
直販ショップ !
ニュートンストアで購入
コンポーネントソース
コンポーネントソースで購入

優待販売・
 キャンペーン情報

ユーザサービス
〔サポートページ〕

サポート体制

お知らせ
・ニュースリリース
・イベント出展
・製品関連記事

会社概要

個人情報保護方針

お問い合わせ先

 
ニュートンホーム 製品案内
グラフ・チャート作成開発ツール
TeeChart Pro .NET 2J

 

グラフ・チャート作成 .NETコンポーネント

【 ティーチャート・プロ・ドットネット 2J 】  

VB.NET/C#.NET/C# Builder 対応
 ClickOnce/ノータッチ デプロイメント 対応
 
この製品は、2008年9月8日で販売を終了いたしました。
次期バージョン(TeeChart Pro .NET 3J)の情報はこちらです。

 

    ActiveX/VCL対応製品はこちらへ

TeeChart Pro .NET 2J は、Microsoft .NET Frameworkに完全対応した高機能なグラフ・チャート作成コンポーネントです。Webチャート対応で、ビジネス、エンジニアリング、金融、統計、科学、医療などさまざまな分野での用途に対応します。48種類の基本チャート(2D、3D対応)、39種類の数学・統計関数、「チャート」、「Webチャート」、「チャートエディタ」などの11種類のコンポーネント、25種類のチャートツールを装備しています。






TeeChart Pro .NET 2J  1開発者ライセンス 126,000円(税込)
TeeChart Pro .NET 2J  1Web Server ランタイムライセンス 45,150円(税込)
TeeChart Pro .NET 2J  +Source (C#ソースコード付属) 325,500円(税込)

 TeeChart Pro .NETは、デスクトップPCアプリケーションサーバーアプリケーション (ASP.NET)そしてPocketPC・WindowsCE アプリケーションで利用することができます。Microsoftの Visual Studio.NET やBorland C# Builderでの開発に対応しています。TeeChart Pro .NETは、100% ネイティブC# .NET コードで作成されていて、C#ソースコードを提供するライセンスも用意しています。

Webチャートでは、テンポラリファイル不要のストリーム作成をサポートしています。データ接続では、ADO.NETをサポートVisual Studio.NETの各種データアダプタをはじめとして多様な接続に対応しています。チャートに対するユーザ操作では、チャート上のアノテーション表示、カーソル制御、軸矢印、近傍点、カラーバンドなどのツールインタフェースを提供しています。アプリケーションの実行時における高度なエンドユーザ操作もコーディングせずに簡単に実現できます。

 

 

TeeChart Pro .NET 2J の新機能一覧はこちら
Webフォームのオンラインデモはこちら
「ClickOnce」 のデモはこちら
「ノータッチ デプロイメント」 のデモはこちら
■機能紹介デモ付属

TeeChart Pro .NET 2Jの主要な機能を直感で理解できるデモアプリケーションが、製品版および体験版に付属しています。このデモアプリケーションは、Windowsフォーム用とWebフォーム用 がそれぞれ用意されています。もちろん、これらのデモアプリケーションのプロジェクトソースファイルも含まれています(デモプロジェクトソースはVisual Basic.NETとVisual C#.NET用の2種類です)

【Windowsフォーム用】 デモ画面

250以上のフォームで各機能を具体的に説明しています。
フォーム上の操作でチャートの表示スタイルを変更することもできます。

Webフォーム用】 デモ画面

機能に応じた約50のASP.NETページをブラウザに表示します。
ブラウザ上の操作でチャートの表示スタイルを変更することもできます。

【マッピングサンプル】

【Open GLサンプル】

■基本チャートの種類(2D、3D対応 )

TeeChart Pro .NET 2J は、48種類の基本チャートを提供します。

【チャートの種類】

リボン/散布図/面/折れ線/横リボン/縦棒/横棒/円/シェープ/泡/ガント/横面/矢印/ドーナツ/極/極棒/レーダー/ピラミッド/スミス/ベジェ/ゲージ/マップ/キャンドル/ボリューム/ポイント&フィギュア/3D バー/時計/風向図/ラインポイント/バー ジョイン/カレンダー/イメージバー/3D 散布/サーフェス/カラーグリッド/ウォーターフォール/等高線/サーフェス(三角)/タワー/ベクタ 3D/ヒストグラム/横ヒストグラム/エラー/エラーバー/High-Low/ファネル/縦ボックスプロット/横ボックスプロット

標準

リボン系列
 

散布図系列
 

面系列
 

折れ線系列
 

横リボン系列
 

縦棒系列
 

横棒系列
 

円系列
 

シェープ系列
 

泡系列
 

ガント系列
 

横面系列
 

拡張

矢印系列
 

ドーナツ系列
 

極系列
 

極棒系列 New!
 

レーダー系列
 

ピラミッド系列
 

スミス系列
 

ベジェ系列
 

ゲージ系列
 

マップ系列 New!
 

金融

キャンドル系列
 

ボリューム系列
 

ポイント&フィギュア系列
 

その他

3D バー系列
 

時計系列
 

風向図系列
 

ラインポイント系列
 

バー ジョイン系列
 

カレンダー系列
 

イメージバー系列 New!
 

3D

3D 散布系列
 

サーフェス系列
 

カラーグリッド系列
 

ウォーターフォール系列
 

等高線系列
 

サーフェス(三角)系列
 

タワー系列
 

ベクタ 3D系列
 

統計

ヒストグラム系列
 

横ヒストグラム系列 New!
 

エラー系列
 

エラーバー系列
 

High-Low系列
 

ファネル系列
 

縦ボックスプロット系列
 

横ボックスプロット系列
 

■TeeChart Pro .NET 2Jのコンポーネント

TeeChart Pro .NET 2Jでは新たに4つのコンポーネントを追加し、全11種類のコンポーネントを提供します。


TChart
Visual Studio .NET IDEのツールバーのアイコンをクリックして、フォーム上にTChartをドラッグし配置します。軸やタイトルなど、基本的なチャートの要素からなるTeeChartが表示されます。

Editor
Editorは、TeeChartのエディタをカスタマイズするために使用します。


Button Color

Button Colorは、色エディタを表示して、色や透明度を設定するためにTeeChartオブジェクトのColorプロパティに接続することができます。

Button Pen
Button Penは、枠エディタを表示して、表示、色、幅、スタイル、透明度などを設定するためにTeeChartオブジェクトのPenプロパティに接続することができます。

Web Chart
Visual Studio .NETのWebフォームではWeb Chartを使用します。

Chart ListBox
Chart ListBoxは、実行時にチャート内の系列のリストを表示します。Chart ListBoxを使用することにより、チャート系列の表示/非表示を切り替えたり、機能を制限することができます。

Commander
Commanderは、実行時にチャートのナビゲーションやコントロールのパラメータを変更することができます。
 

Text Source
New!
TextSourceコンポーネントは、テキストから取得したポイントで系列を描画するために使用されます。テキストは、ファイルあるいはWebのURLアドレスの文字列でポイントを取得することができます
 

XMLSource
New!
XMLSourceコンポーネントは、チャート系列にXML形式でデータをインポートします。
XMLSourceコンポーネントは、WebからXMLデータを検索し、そして自動的に系列を作成するために使用することができます。
 

Cross Tab Source
New!
CrossTabSourceコンポーネントは、全てのデータセットに接続し、データベースのデータからグループやラベルフィールドや式(値の和あるいは計算)を使用して自動的に系列を作成します。
 

Tee OpenGL
New!
TeeOpenGLコンポーネントは、 チャートキャンバス内のオブジェクトすべてを360度に回転できます。
 
■コマンダーコンポーネント

プログラマがコードを書くことなく、ユーザはアプリケーション実行時にチャートの回転や移動、ズーミング、奥行効果,3D/2D効果、チャートエディタ、印刷プレビュー、コピー、保存などの操作を実現できます。

■チャートエディタ

チャートエディタの目的の一つは、いかにプログラマがコードを書かずにチャートを作成する機能を提供するかにあります。
プログラマはデザイン時にチャートエディタを使いチャートやそのデータに関する様々な定義をビジュアルに設定できます。

たとえば、SQL Serverデータベース上の販売データテーブルを対象にその販売量と販売年月をグラデーション付きの3Dの縦棒グラフを作成することができます。

また、もう一つの目的として、プログラマがいかにコードを書かずにエンドユーザにチャートを加工する様々な機能を提供するか、ということがあげられます。
プログラマはユーザへのチャートエディタの開放を指定するだけで、ユーザはチャートエディタを使って、チャートに対して様々な追加や変更を加えたり、データ活用することができます。

たとえば、既存系列間の累積を新しい系列として追加したり、軸の目盛やタイトルの変更、パネルグラデーションの設定などの視覚的な項目設定が可能です。また、ユーザが現在のチャートデータをExcel形式やXMLデータとしてエクスポートする、といったこともチャートエディタだけの機能で実現できます。

※Web Forms 用のチャートエディタであるWebChart エディタでは、開発ターゲットがVS.NETで開発するWebアプリケーションであるために、使用できるチャートツールが決まっています。WebChart エディタでは、拡張凡例ツール、カラーバンド、グリッドバンド、アノテーションツール、ページ数ツールの各チャートツールだけが利用できます。チャートツール以外の機能はWindows Forms 用のチャートエディタと同様に利用できます。

【チャートエディタ画面の系列タブ】

【TeeChartギャラリ】

【面系列の[系列]-〔形式〕タブ】

【チャートツール】

【エクスポート】

新機能では新たに、EPS(Encapsulated PostScript)形式とSVG(Scalable Vector Graphics)形式にエクスポートできます。New!



■TeeChart Pro .NET 2Jの関数

TeeChart Pro .NET 2Jには、39種類の関数があります。

標準グループ 和/差分/積/商/最大/最小/平均値/計算/カスタム/メディアン/モード
金融グループ 運動量/商運動量/確率/指数移動平均値/コンプレッション/CLV/OBV/CCI/移動平均値/PVO/ボリンジャー/MACD/R.S.I/ADX
統計グループ 累積/指数平均値/誤差の2乗/標準偏差/パフォーマンス
拡張グループ スムーズ/クロスポイント/ダウンサンプリング/トレンド/相関/分散/境界/系列組み合わせ/指数トレンド

ここでは、新バージョンで追加された関数を紹介します。

【モード関数】New!
モード関数は、ソース系列データの中で重複数の多い値を計算します。
Nullソース値を無視するためのオプションがあります。


 
【メディアン関数】New!
メディアン関数は、ソートされたソース値で中央に配置された値を計算します。
中央に配置された値が2つある場合、この関数はその2つの値の平均値になります。Nullソース値は、計算に含めたり含めないこともできます。


 
【相関関数】New!
同じトレンドに従ってソースのX値とY値をどのように示すか-1から1への係数値を計算します。


 
【分散関数】New!
分散関数は、分布の広がり具合を返します。
標準偏差関数は分散の平方根を表します。


 
【境界関数】New!
境界関数は、ソース系列のリミット(境界)を構成するソースポイントのサブセットを計算します。


 
【ダウンサンプリング関数】New!
ダウンサンプリング関数は、下記の方法で系列のポイント数を減らします。
+ Max : ポイントのグループをグループの最大値に置換します。
+ Min : ポイントのグループをグループの最小値に置換します。
+ MinMax : ポイントのグループを2つのポイント(グループの最小値とグループの最大値)に置換します。
+ MinMaxFirstLast : ポイントのグループを2つのポイント(グループの最小値と最大)に置換します。1つのグループの最後の値から次のグループの最初の値まで描画します。
+ Average : ポイントのグループをグループの平均値に置換します。


 
【指数トレンド関数】New!
指数トレンド関数は、指数(e)の重み付けを使用すること以外はトレンド関数と同様です。


 
【MACD関数】New!
MACD(Moving Average Convergence Divergence)関数は、金融チャートで使用されます。


 
【ボリンジャー関数】New!
ボリンジャーバンドは、金融インジケーターとして使用される特別な関数です。
これは、移動平均値(指数の有無)あるいは標準偏差を使用して2つの線を計算し描画します。


 
【R.S.I関数】New!
R.S.I(Relative Strength Index)関数には、2種類の計算方法があります。
デフォルトは、データソースのキャンドル系列の始値と終値を使用して計算します。もう1つの方法は、終値のみ使用します。

【ADX関数】New!
A.D.X ( Average Directional Change )は、金融のチャートアプリケーションで一般に使用されるインジケータ関数です。
ADX関数は、データソースとしてOHLC(キャンドル)を使用して3つのライン(DMI+/ADX/DMI-)を描画します。


 
■チャートツール

TeeChartは、チャートの表示方法や、実行時のチャート上の操作方法を強力に支援する多くのチャートツールを備えています。

 

系列 イメージ/カーソル/ガントドラッグ/サーフェス近傍/ドラッグポイント/ドラッグマーカ/ドローライン/マーカチップ/円スライス/拡張凡例/近傍点/系列アニメーション ホットスポット/拡張凡例
カラーバンド/カラーライン/グリッドバンド/軸スクロール/軸矢印 カラーバンド/グリッドバンド
その他 2D 照明/3Dグリッド置換/アノテーション/ズーム/ページ数/回転/凡例スクロールバー アノテーション/ズーム/ページ数

ここでは、新バージョンで追加されたツールを紹介します。


ホットスポットNew!

このツールは、Webフォームで利用します。
次の例は、ホットスポットツールを使用してチャートのドリルダウンを表示しています。

2D照明ツールNew!

2D 照明ツールは、チャートに「2D照明」の視覚効果を有効にします。

サーフェス近傍ツール】New!

サーフェス近傍ツールは、サーフェス系列上にマウスが移動した時にマウスカーソルに近いセルを強調表示します。

軸スクロールツール】New!

軸スクロールツールは、スクロールするために軸のマウスドラッグを有効にします。このツールは、単一の軸あるいは全ての可視チャート軸に設定できます。

■その他の注目機能
ここではTeeChart .NET Pro 2Jの注目機能で、新バージョンで追加されたいくつかを紹介します。
【チャートのテーマ】New!

テーマは、マウスのシングルクリックで多くのチャート特性を変更します。
複数のテーマは、テーマエディタやコードで設定できます。
簡単なコードで新しいテーマを作成します。

【カスタムパレット】New!

複数の事前に定義されたカラーパレットを各チャートに割り当てることができます。
tmp.ApplyPalette(TChart1.Chart, cbDefault.SelectedIndex + 1)
さらに、カスタムカラーパレットを設定することもできます。

【拡張ラベル】New!

軸ラベルは「拡張」モードで表示できます。
これは、軸ラベルを2行あるいは2列で表示します。
TChart1.Axes.Left.Labels.Alternate = True

【軸のベベル】New!

4つのデフォルトのチャート軸の周りに「ベベル」を描画するためには、下記のコードが使用できます。
Private Sub TChart1_AfterDraw(ByVal sender As Object, ByVal g As Steema.TeeChart.Drawing.Graphics3D) Handles TChart1.AfterDraw
DrawBevelsAroundAxis(g, Steema.TeeChart.Drawing.BevelStyles.Lowered, 2)
End Sub

【カスタムな対数軸】New!

カスタム軸のラベルを使用して、非直線の軸スケールを構成するのは簡単です。
以下の例は左軸のために、どのようにカスタムな対数軸の増加量と副目盛を設定するかを示します。
この例では、各ラベル間に10個あたり4個の軸のラベルと2つ副目盛線を設定します。

【日付書式の奥軸】New!

奥軸(右)や奥軸(上)は、日付書式でラベルを表示するように設定できます。

【最初と最後のラベル】New!

Axisの「GetAxisDrawLabel」イベントは、複数の効果のために使用できます。
このイベントは、ラベルを表示する直前に発生します。
このサンプルは、下軸の最初と最後のラベルの異なるテキストの整列を設定する方法を表示します。

【等距離の軸】New!

このサンプルは、2つの軸を「等距離」で作成します。同じピクセル数のため、お使いのPCの画面サイズに従って同じスケールにするので、グリッド線は「長方形」の代わりに「正方形」を作成します。

【イメージベベル】New!

イメージベベルは標準のWindowsベベルの代わりであり、チャートに色々な構成が行えます。

【凡例スクロールバー】New!

凡例スクロールバーは、凡例の内側にスクロールバーを表示します。
スクロールバーは、Windowsコントロールではありませんので、色のカスタマイズなどが行えます。

【OnDrawSymbolイベント】New!

Legend.Symbolの「OnSymbolDraw」イベントは、たとえば、このサンプルのように国旗を表示しているように、凡例のシンボルの表示をカスタマイズするために使用できます。

【バーの3D深さ】New!

縦棒系列や横棒系列の「DepthPercent」プロパティは、3D(Z深さ)方向のバーサイズを制御します。
Bar1.DepthPercent = 50 ' 3D深さの50%

【バーの目盛線】New!

縦棒系列や横棒系列は、各バーに「目盛線」を描画することができます。
各線は、TickLinesのペンを使用して各軸グリッド線の位置に描画します。
Bar1.TickLines.Visible = true

【マーカのシンボル】New!

系列マーカは、各マーカにシンボルを表示できます。
Bar1.Marks.Symbols.Visible = True
シンボルの色は、チャートの凡例と同じ色です。

【円の影】New!

楕円の影を描くプロシージャです。
円系列のようなサークル系列で役立ちます。ChartのOnBeforeDrawSeriesイベントで下記のコードを使用しています。
DrawEllipseShadow( Chart1.Canvas, Chart1.Color, R )

【スライスの高さ】New!

各円系列あるいはドーナツ系列のスライスは、Chart1.Chart3DPercent(デフォルト:100%)のパーセンテージとして異なる高さを使用して描画することができます。
Donut1.SliceHeight(3) = 50 ' スライスのインデックス3, 3D高さの50%を使用

【キャンドルの高値-安値ペン】New!

キャンドル系列には、キャンドルの枠のペンとは異なるペンで高値から安値まで線を描くための「HighLowPen」プロパティがあります。
Candle1.HighLowPen.Color = Color.Blue

【サーフェスのパレット】New!

サーフェスのパレットは、淡い、濃い、グレースケール、グレースケール反転、虹が設定できます。

【サーフェスのスムージング】New!

既存のセル間で値を補間(新しいセルを挿入する簡単なアルゴリズムを使用)することで少ない数のセルを持つサーフェス(およびタワー、等高線、などのような「3Dグリッド」系列)は滑らかにすることができます。

【リボン系列の補間】New!

簡単な式を使用して任意のX値のy=y(x)を計算することができます。コードは、リボン系列/折れ線系列を使用してX値がソートされた場合にのみ正しく動作します。

【壁の自動非表示】New!

WallのAutoHideプロパティがTrueの場合、ポイントが壁で覆われないように自動的に壁を非表示にします。
TChart1.Walls.Right.Visible = True
TChart1.Walls.Right.AutoHide = True

【EPS(Encapsulated PostScript)形式へのエクスポート】New!

チャートをEPS形式(Encapsulated PostScript)へエクスポートするための、新しいPSCanvas.csユニットです。

【SVG(Scalable Vector Graphics)形式へのエクスポート】New!

実行時に、エクスポートダイアログあるいはコードを使用して、チャートをSVG(Scalable Vector Graphics)形式にエクスポートできます。

【ChartListBoxのラジオボタン】New!

ChartListBoxコントロールは、チェックボックスやラジオボタンを表示できます。
ラジオボタンの主な目的は、一度に1つの系列のみ表示させるためです。
ChartListBox1.CheckStyle = CheckBoxStyle.Radio

【ChartListBoxの編集】New!

F2キーを押すかメソッドを呼び出すと、選択された系列のChartListBoxのテキストの編集が行えます。

【ChartListBoxの有効な機能】New!

ChartListBoxコンポーネントには、エンドユーザーが系列型あるいは系列色を変更、系列をドラッグにより再ソート、系列をDelキーで削除することを制御するためのプロパティがあります。
例:ChartListBox1.EnableChangeColor = False
ChartListBoxコンポーネントは、系列がコードで追加あるいは削除された場合も連動します。

【チャートのグリッド】New!

簡単なコードを使用して、標準の.NETのDataGridにTeeChart系列をリンクすることができます。
グリッドは、キーボード上の標準のナビゲーションキーを使用してポイント値やテキストを追加、削除、編集することができます。

【TextSource】New!

TextSourceコンポーネントは、テキストから取得したポイントで系列を描画するために使用されます。テキストは、ファイルあるいはウェブのURLアドレスの文字列でポイントを取得することができます。

【XMLSource】New!

XMLSourceコンポーネントは、チャート系列にXML形式でデータをインポートします。
XMLSourceコンポーネントは、ウェブからXMLデータを検索し、そして自動的に系列を作成するために使用することができます。

【CrossTabSource】New!

CrossTabSourceコンポーネントは、全てのデータセットに接続し、データベースのデータからグループやラベルフィールドや式(値の和あるいは計算)を使用して自動的に系列を作成します。

【系列グループ】New!

Seriesコンポーネントは、一度に複数の系列を表示/非表示するためにグループ付けができます。グループ付けが有効の場合、チャートエディタにはグループ名が表示されます。
TChart1.Series.AddGroup("First group")

【3D 散布の基準線】New!

系列の垂直軸により指定された全てのポイントから系列の垂直軸で指定されたベースフロアに線を描くためのChartPenです。
Points3D1.BaseLine.Visible = True

【カラーバンドのドラッグ】New!

カラーバンドツールは、開始あるいは終了の端をドラッグしてリサイズすることができます。
ColorBand1.ResizeStart = True
ColorBand1.ResizeEnd = True

【カラーバンドのクリック】New!

カラーバンドツールは、カラーバンドをクリックした際に発生するClickイベントやClicked関数を提供します。

【凡例のタイトル】New!

LegendのTitleプロパティは、凡例矩形の上部にテキストを表示します。
TChart1.Legend.Title.Visible = True

 

■ADO.NETデータベースの接続

TeeChartをADO.NETデータベースに接続する方法は、デザイン時にチャートエディタで行う方法と実行時にコードの記述による方法があります。
どんな系列でもチャートエディタでADO.NETのテーブルやクエリーに接続でき、また全ての系列はいろいろなADO.NETデータベースを使用してあらゆるテーブルに接続できます。これにより柔軟にデータベースをチャートで使用できます。

全ての系列にはDataSourceプロパティがあり、全ての系列は、データベースの値(テーブルあるいはクエリー)を定義する「DataSource」プロパティを持ち、「YValues.DataMember」プロパティや「LabelMember」プロパティは、表示させるフィールドを指定します。

またデザイン時に実際のデータを見ながら開発ができます。

▼テーブルデータ全体のバインディング

Visual Studio .NETのツールボックスのデータタブから必要なDataAdapterをFormにドラッグするか、Visual Studio .NETのサーバーエクスプローラから必要なデータベースのテーブルなどをドラッグします。自動的に作成されるDataAdapterオブジェクトの構成を必要に応じて変更します。

たとえば、次のようなテーブルをDataAdapterで構成したとします。

TeeChartのチャートエディタの系列タブの中のデータソースタブを選択して、下図のようにデータセットを設定します。

すると、下図のようなチャートがとても簡単に完成します。

▼1レコード単位(単一レコード)のバインディング

TeeChartは、データベースの単一レコードを簡単にチャートにすることができます。
たとえば、1年1レコードで月毎の売上データから構成されているデータをチャートに表示する場合です。

たとえば、次のようなテーブルをDataAdapterで構成したとします。

@単一レコードのデータ接続に、TeeChartのチャートエディタを利用した場合

TeeChartのチャートエディタのバインドしたい系列タブのデータソースタブで、データソース型を「単一レコード」に設定します。
単一レコードのチャートはデータセット、テーブルやデータビューをサポートします。

すると、下図のようにVisual Studio .NETのデザイナ画面の下方にある「コンポーネントトレイ」にTeeChartの「singleRecordSource」が表示されます。

この「singleRecordSource」は、DataAdapterを経由したデータソースとチャートデータを関連付けるコードを自動的に追加してくれます。
たとえば、上記の例では次のようなコードが自動的に付加されプログラマの負担が軽減されます。また、バインドしているデータに応じたチャートがデザイン時に確認できるというメリットもあります。

    private SingleRecordSource singleRecordSource1;
    private Bar bar1;
    ・・・・・・・・・・・・・・・・・・・・・
    singleRecordSource1 = new Steema.TeeChart.Data.SingleRecordSource();
    singleRecordSource1.DataSource = sourceTableSet;
    singleRecordSource1.ValueMembers = new string[] {  "JAN", "FEB", "MAR", "APR", "MAY", "JUN" };
    bar1 = new Steema.TeeChart.Styles.Bar();
    bar1.DataSource = this.singleRecordSource1;
    tChart1.Series.Add(bar1);
    ・・・・・・・・・・・・・・・・・・・・・

A単一レコードのデータ接続を、コーディングだけで行う場合

この場合は、デザイナ上に空のチャートコンポーネント(tChart)を配置し、DataAdapterでデータソースを指定した、下図のようなシンプルなデザイン画面となります。

▼CurrencyManagerオブジェクトを利用したレコードナビゲーション

チャートのデータソースをナビゲートしたり、更新するには、Visual Studio .NETのWindowsフォームのCurrencyManagerオブジェクトを使用すると簡単です。

たとえば、上図のようにデータレコードの前進や後退ボタンにチャートの表示を連動させるには、CurrencyManagerオブジェクトを利用した次のようなコーディングをする方法があります。

    private DataSet sourceTableSet;
    private DataTable sourceTable;

    private void Form1_Load(object sender, System.EventArgs e)
    {
        sourceTableSet = new System.Data.DataSet();
        oleDbDataAdapter1.Fill(sourceTableSet);
        sourceTable = sourceTableSet.Tables[0];
        ConnectChartToTable();
    }

    private CurrencyManager myCurrencyManager;

    public void ConnectChartToTable()
    {
        myCurrencyManager = (CurrencyManager)this.BindingContext[sourceTable];
        singleRecordSource1.RecordCurrency=myCurrencyManager;
        tChart1[0].CheckDataSource();
    }

    private void MovePrevious()
    {
        if (myCurrencyManager.Position>0)
        {
            myCurrencyManager.Position=myCurrencyManager.Position-1;
            tChart1[0].CheckDataSource();
        }
    }

    private void MoveNext()
    {
        if (myCurrencyManager.Position<myCurrencyManager.Count-1)
        {
            myCurrencyManager.Position=myCurrencyManager.Position+1;
            tChart1[0].CheckDataSource();
        }
    }

    ・・・・・・・・・・・・・・・・・・・・・

    private void bnPrev_Click(object sender, System.EventArgs e)
    {
        MovePrevious();
        CheckButtons();
    }

    private void bnNext_Click(object sender, System.EventArgs e)
    {
        MoveNext();
        CheckButtons();
    }

    ・・・・・・・・・・・・・・・・・・・・・

TeeChart.NETとWebChartおよびASP.NET

TeeChart.NETをWebアプリケーションで利用するには、2つの方法があります。ツールボックスよりTeeChartのWebChartコンポーネントを使用する方法と、WebChartコンポーネントをの代わりにASPページのスクリプトにコードでチャートを作成する方法です。以下に、簡単に紹介します。

▼WebChartコンポーネントを使用する方法

【実行例】

WebフォームではTeeChart.NETWebChartコンポーネントを使用します。
TeeChart.NETをインストールするとツールボックスにWebChartが追加されます。

 【ツールボックス内のWebChartアイコン】

●フォームにチャートを追加

ツールボックスからWebChartコンポーネントを選択し、Webフォーム上にWebChartをドラッグしサイズを調整します。
チャートをマウスで右クリックし、メニューから「編集」を選択してチャートエディタを起動します。
チャートエディタでは、系列や軸および他のチャートの特性が追加、変更できます。

●チャートのデザインとプロパティのオプション

チャートエディタは実行時におけるチャートのほとんどの項目を設定できます。設定はWebフォームに保存されます。
WebChartエディタの使い方は、Windows フォーム用のチャートと一部のチャートツールを除いて同じです。

●イメージフォーマット (PictureFormatプロパティ)
デフォルトのフォーマットはPNGですが、プロパティウィンドウでPictureFormatプロパティを変更できます。



●File あるいは Session の設定 (TempChartプロパティ)


TempChartプロパティは、テンポラリチャートをどのように保存するかを設定します。2つの利用可能な設定があります。

@File
デフォルトではTeeChartをインストールすると、テンポラリファイルの位置および同等な仮想フォルダ名を備えたレジストリキーを作成します。

ASession
セッションにもテンポラリファイルを保存できます。

●インタラクティブチャートイベントの使用 (AutoPostback プロパティ)

AutoPostbackプロパティをTrueに設定するとインタラクティブイベントを使用できます。
プロパティブラウザのイベントリストから必要とするイベントをダブルクリックすると、イベントが設定されます。

系列をクリックした場合のイベントに、たとえば次のようなコードを記述します。

    private void WebChart1_ClickSeries(object sender, Steema.TeeChart.Styles.Series s, int valueIndex, System.EventArgs e)
    {
        Steema.TeeChart.Chart tChart=((WebChart)sender).Chart;
        clickedX=s.CalcXPos(valueIndex);
        clickedY=s.CalcYPos(valueIndex);
        msgText="Series: "+tChart.Series.IndexOf(s).ToString()+"\n\rValue: "+s.YValues[valueIndex].ToString("#0.00");
    }

▼ASPスクリプトでチャートを作成する方法

【実行例】

WebChartコンポーネントの代わりにASPXページのスクリプトにコードでチャートを作成します。

●スクリプトにチャートを追加
@新しいASP.NET Webアプリケーションのプロジェクトを作成します。作成されたWebフォームページをクライアントページとして使用します。
A新しいWebフォームページを追加します。このページはサーバーサイドでチャートコードを処理するために使用します。

●処理のフロー


クライアントのブラウザページ(SeriesTypes.aspx)はイメージを含んでいます。
そのイメージのリンクはaspxのサーバースクリプト(ProcessChart.aspx)です。
クライアントページの「チャートの更新」ボタンを選択すると、必要な変数を渡してサーバースクリプトを呼び出して、クライアントページに動的なチャートを表示します。

●TeeChartのコーディング
サーバーサイドでTeeChartをコーディングするには、スクリプトページに「using Steema.TeeChart」を追加します。

(例)  using Steema.TeeChart;

TChartの変数を宣言して、Page_Load イベントの最初の部分でクラスを作成します。

(例)

    private TChart tChart;

    private void Page_Load(object sender, System.EventArgs e)
    {
   
    tChart=new TChart();      

   
    ・・・・・・・・・
    }

●チャートの取得
クライアントのパラメータによりチャートをサーバーから取得します。
チャートのリクエストはURLのクエリ・ストリングで送信できます。
サーバースクリプトを呼び出すためのコードはWebフォームのコードページで記述します。

(例)
        この例では、Webフォームの変数をクエリ・ストリングでImageUrlに設定します。

        private void sendInfo()
        {
            seriesType=DropDownList1.Items[DropDownList1.SelectedIndex].ToString();
            viewType=CheckBox1.Checked.ToString();
            Image1.ImageUrl="http://"+webServer  /*use webserver variable for server*/
                +"/TeeChartForNET/ASPStream/ProcessChart.aspx?seriestype="
                +seriesType+"&view="+viewType;
        }

サーバースクリプトはクライアントからクエリ・ストリングを受け取り、Page_Loadイベントでチャートは作成されます。
チャートはイメージとして作成され、クライアントへストリームとして戻されます。

(例)
        private void Page_Load(object sender, System.EventArgs e)
        {
            tChart=new TChart();
            tChart.AfterDraw += new Steema.TeeChart.TChart.PaintChartEventHandler(this.tChart_AfterDraw);      
 
            /* ...add Series and data, etc ... */
 
            //Process Get parameters received from client
            if (Request.QueryString["view"]=="False")
                tChart.Aspect.View3D=false;
            else
                tChart.Aspect.View3D=true;
 
            MemoryStream tempStream = new MemoryStream();
            tChart.Export.Image.PNG.Save(tempStream);
            Response.ContentType="Image/PNG";
            Response.OutputStream.Write(tempStream.ToArray(),0,(int)tempStream.Length);
            tempStream.Close();
        }

●イベントの追加
ASPアプリケーションでは、チャート作成後にイベントを追加して処理できます。

(例)
        private void Page_Load(object sender, System.EventArgs e)
        {
            tChart=new TChart();
            tChart.AfterDraw += new Steema.TeeChart.TChart.PaintChartEventHandler(this.tChart_AfterDraw);      
 
            /* ...add Series and data, etc ... */
 
            MemoryStream tempStream = new MemoryStream();
            tChart.Export.Image.PNG.Save(tempStream);
            Response.ContentType="Image/PNG";
            Response.OutputStream.Write(tempStream.ToArray(),0,(int)tempStream.Length);
            tempStream.Close();
        }
 
        private void tChart_AfterDraw(object sender, Steema.TeeChart.Canvas.Graphics3D g)
        {
            string tmpStr="Copyright My Organisation "+DateTime.Now.ToString();
            g.TextOut(g.Chart.Width-(int)g.TextWidth(tmpStr)-5,g.Chart.Height-(int)g.TextHeight("H")-3,tmpStr);
        }

        AfterDrawイベントのコードはチャート作成時に実行されます。

■前バージョンより継続している主な特徴
▼リボン系列

リボン系列は、各ポイントから次のポイントへのラインを表示します。オプションには、2Dおよび3D、階段モード、無効ポイント指定、ポインタ、境界、塗りつぶしパターン、高さ3D、積み重ね、オーバーラップ、クリック、暗い3Dおよびマーカを含んでいます。

2Dのリボン系列は、1色でラインセグメントを描画しながら異なる色でポイントを描画できます。
使用している系列のDeleteメソッドを使って、容易にリアルタイムチャートを表示することができます。スクロールと軸範囲のスケーリングは自動的に行われます。
▼縦棒・横棒系列

棒のスタイルは、異なるレイアウト(3D、併置、積み重ね、百分率、並列)を表現できます。オプションには、2Dと3D、棒の色、棒のスタイル、パターン、暗い3D、原点、自動マーク位置、グループの積み重ね、マーク、境界などがあります。

縦棒系列や横棒系列は、正や負の値の混合で複数の積み重ねを描画できます。
縦棒系列や横棒系列は、BarBrushプロパティの「中間」色を使用してグラデーションを描画できます。
積み重ね縦棒系列や横棒系列は、グループ化が設定できます。StackGroupプロパティは、「グループ」を定義します。グループの数は限界がありません。

 
縦棒系列や横棒系列は、イメージを描画できます。デザイン時には、BarBrushプロパティを使用し、実行時には、次のようにコーディングします。
    barSeries1.Brush.Image.LoadFile(@"c:\mybitmap.bmp");
▼面系列

面スタイルは複数の異なるレイアウトが設定できます(3D、積み重ね、百分率)。2D、3D、色分け、パターン、3D部分を暗くする、原点の指定、階段モード、マーカ、縁、などのオプションを含んでいます。

面系列は、面領域を塗りつぶすグラデーションプロパティを含んでいます。この機能は、2次元や垂直方向のグラデーションでは一層際立ちます。透明のグラデーションもサポートされています。
面系列は「Y原点」を指定することができます。
▼円系列

円系列は、完全な立体の円の1部分(スライス)として値を描画します。
スライスは分割することができ、それらが非常に小さい場合、グループ化することができます。
他のオプションはフォーマット、影、マーカおよび半円スタイルを含んでいます。

AngleSizeプロパティとRotationAngleプロパティを使用して水平あるいは垂直方向の半円系列を描画できます。
▼折れ線系列

折れ線系列のチャートスタイルは多くのポイントを最も速い方法で描画します。それは、すべてのポイントを接続する薄い線を単純に引きます。いくつかの最適化(繰り返された値を引かないことなど)が実行されます。この系列は、リアルタイムアプリケーションの中でも新しいポイントを追加していくことができます。

▼散布図系列

散布図系列はポインターを使用して、XY値を表示します。
各ポインターは、色、3D、影、スタイル、マーカ、パターン、境界、幅、高さなどのように、様々なプロパティを持っています。

▼泡系列

泡は中心位置および半径で表わされます。各泡はOnGetPointerStyleイベントを使用して、異なるスタイルを示すことができます。オプションはスタイル、パターン、境界、マーク、半径などを含んでいます。

▼ガント系列

ガントチャートは、スケジュール管理アプリケーションなどに利用されます。ガントチャートは、スタートと終了の期日をポイントに与えます。オプションには、ポイントのスタイル、ラベル、マーカ、色、境界線、パターン、バーのドラッグ&ドロップ、接続線、クリックイベントなどがあります。

▼キャンドル系列

キャンドル(OHLC)系列は、いくつかの要素(キャンドル、線および棒)で金融データを表示します。キャンドルの色はそれらの始値と終値の値に基づいて計算されます。
週末(土日などの)データはX値の連続するインデックスを使用して削除することができます。設定オプションは境界線、3D描画、始値と終値、色、キャンドルスタイル、マーカなどを含んでいます。キャンドルチャートは金融向けチャート機能(RSIなど)の基本となっています。

▼等高線系列

等高線系列は、3DのXYZデータ上の「レベル」値に該当するラインを描画します。レベルの数、レベルの間隔、レベルの位置、色、凡例のカスタマイズができます。これは、2Dでの描画、あるいは3Dモードで回転することもできます。

▼ピラミッド系列

ピラミッド系列は、垂直ピラミッド形状で積み重ねられたポイントを描画します。

▼3D散布系列

3D散布系列は標準の「ポインター」オブジェクトを使用して、どのXYZ位置でもポイントを表示することができます。ポイント間のラインも表示することができます。ズーム、回転、高さおよびスクロールもサポートされています。

 

▼スミス系列

スミス系列の各ポイントは、レジスタンス値やリアクタンス値で定義されています。
極や円の継承系列のほとんどの共通プロパティを継承します。

 

▼サーフェス系列

サーフェスは、XYZの浮動小数ポイント値のグリッドを描画します。パレット、縁、パターン、Null値、ワイヤー、点、側面ブラシ、マーカ、グラデーションなどのオプションがあります。

▼カラーグリッド系列

カラーグリッド系列は、2Dのサーフェスです。各「セル」は、値や任意の色を持ちます。AddXYZメソッドは、カラーグリッドを塗りつぶすために使用されます。セル上の任意の「グリッド」は、Penプロパティを使用して描画されます。
 

 

▼ウォーターフォール系列

ウォーターフォール系列はサーフェス系列に似ています。
これは、サーフェスの各Z毎に垂直の「スライス」を描画します。

▼バー3D系列

バー3D系列は縦棒系列の拡張で、各棒のポイントに異なるY原点を持つ系列です。

 

▼カレンダー系列

カレンダー系列は、MicrosoftのCalendarコントロールと同様な方法で月毎のカレンダーを表示します。日付セルをクリックして「本日」日付を変更します。カレンダー系列は、多くのカスタマイズオプションがあります。

▼時計系列

時計系列はリアルタイムな時計を表示します。色、数字スタイル、背景、グラデーション、フォントなど複数の設定パラメータが利用可能です。

▼キャンバス

チャートは、水平(x)軸に沿って180度回転することができます。

 

点線スタイルの線は、1以上の幅で描くことができます。

lineSeries1.LinePen.Style = System.Drawing.Drawing2D.DashStyle.Dot;
lineSeries1.LinePen.Width = 3;
Graphics3Dクラスの RotationCenterプロパティは、チャート回転時の中心からのオフセット値を設定します。

tChart1.Graphics3D.RotationCenter.X =100;
▼コンポーネント

「チャートリストボックス」コンポーネントはチャートコンポーネント内の系列をすべて表示するカスタムリストボックスです。エンドユーザは系列を表示・非表示にしたり、系列の色や系列型を変更できます。
いくつかのプロパティで、リストボックスのカスタマイズが可能です。

コマンダーコンポーネントは、パネル上のボタンでチャートを操作するために使用されます。
ボタンの機能には、ズーム、スクロール、回転、深さ、編集、印刷、クリップボードへのコピー、チャートの保存があります。
ギャラリパネルコントロールはチャートの系列型を表示します。
▼印刷プレビューダイアログ

印刷プレビューダイアログは、プリンタ用紙上のチャートイメージを表示し、プリンタの選択とページ設定、マージンやチャート位置の設定、用紙方向および詳細設定などの各種印刷パラメータのカスタマイズを実現します。

▼エクスポートダイアログ

チャートは、エクスポートダイアログを使用したり、コードを作成して、イメージファイルとしてWindows ビットマップ、JPEG、PNG、GIF、TIFFフォーマットにエクスポートすることができます。

系列データは、Excelスプレッドシートにエクスポートできます。エクセル形式でエクスポートする場合、ラベル、ポイントのインデックスなどを含める複数のオプションがあります。

HTMLテーブルへのエクスポートでは、ファイルに保存したりクリップボードにコピーが行えます。

テキストデータやXMLデータへのエクスポートでは、フィールドのデリミタ、ラベルやポイントのインデックスを含めるような複数のオプションがあります。

ネイティブチャート(Teeファイル)は、テンプレートを作成するためにデータなしでエクスポートできます。これは、ストリームやファイルに保存され、たとえば新しい系列がフォーマット設定により他の前もって作成されたチャートからチャートに追加される動的なチャートで使用されます。

▼インポート

チャートのテンプレートはファイルあるいはURLアドレスからロードすることができます。

系列は任意のテキストソースから取り込むことができます。テキストはファイルかURLアドレスからロードすることができます。

▼ツール

3Dグリッド置換ツールは3D系列を90度回転します。それはz値とx値を交換します。任意のグリッド3D系列(サーフェスなど)で動作します。横軸と深さ軸のInvertedプロパティをTrueにセットすることで、同様の結果を得ることができます。

アノテーションツールは、チャートパネル上にテキストを表示します。これは、書式特性やカスタム位置の設定が行えます。
アノテーションはCalloutオブジェクトを含んでいます。
このオブジェクトはアノテーションからチャートの任意の位置へラインを引くために使用されます。
軸矢印ツールは、軸の開始や(あるいは)終了位置に小さな矢印を表示します。多くの軸矢印をチャートに追加でき、各軸矢印は異なる軸に接続できます。軸矢印は、カスタマイズできます(ペン、パターン、サイズ)。
「カラーバンド」ツールは、矩形範囲を定義する小さなオブジェクトです。
これは、軸(左、右、上、下、など)に結合し、ペン、パターン、グラデーション属性を持っています。
イメージツールは、チャート系列の背面にピクチャ(ビットマップ、JPEGなど)を描画します。これは、GIS(地理)システム用に、イメージ上に等高線を使用、あるいは背景としてイメージを使用する他のアプリケーションで使用できます。イメージは、接続された系列や軸と一緒にズームやスクロールします。
円スライス上でマウスでフォーカスするために円スライスツールを使用します。
「カラーライン」ツールは、指定する軸や軸位置に線を描画する小さなオブジェクトです。
これは、軸値にマークするため、あるいはカスタム軸により定義された範囲を分けるために使用できます。
回転ツールは、チャート全体を再描画する代わりに、回転の間にワイヤーフレームを表示することができます。
▼軸

垂直の軸は逆方向にラベルを揃えることができます。

tChart1.Axes.Left.Labels.Align = TeeChart.AxisLabelAlign.Opposite;

軸ラベルはスーパースクリプトフォントによって指数書式で表示できます。

tChart1.Axes.Left.Labels.Exponent = true;
tChart1.Axes.Left.Labels.ValueFormat = "#.0 x10 E+0";
すべての軸は副目盛を表示することができます。MinorTickCount プロパティは副目盛のグリッド線の数を制御します。
▼凡例

チャートキャンバスを使用して、凡例上にテキストを追加表示できます。
 

凡例のチェックボックスを表示できます。チェックボックスをクリックすることで系列を表示/非表示にできます。

例: tChart1.Legend.CheckBoxes = true ;
いくつかの異なる凡例テキストのスタイルは、Legend.TextStyleプロパティによってサポートされます。
▼マーカ

系列のマーカは、Angleプロパティを使用して回転できます。

   
■ .NET Compact FrameworkでのPocket PC、Windows CE 用アプリケーションの開発

TeeChart Pro .NET 2J には、 .NET Compact FrameworkでのPocket PC、Windows CE 用のサンプルプログラムが付属しています。

【基本デザイン画面】

参照設定で TeeChart.Pocket を追加します。

 たとえば、次のようなコードで新しくチャートを作成し系列を定義していきます。

   public Form1()
    {
        //
        // Required for Windows Form Designer support
        //
        InitializeComponent();
       
        // Create Chart
        tChart1=new TChart();
        tChart1.Bounds=new Rectangle(6,60,220,176);
        tChart1.Parent=this;
       
        // Chart Title
        tChart1.Header.Text="TeeChart PocketPC";
       
        // Create horizontal bar series
        horizBar1=new Steema.TeeChart.Styles.HorizBar();
        horizBar1.FillSampleValues();
        horizBar1.ColorEach=true;
        tChart1.Series.Add(horizBar1);
       
        // Manage clicks
        horizBar1.Click+=new MouseEventHandler(series_Click);
        tChart1.ClickLegend+=new MouseEventHandler(tChart1_ClickLegend);
       
        // Other setup
        label1.Text="";
        AddComboStyles();
        tChart1.Panel.Color=Color.Wheat;
   
}

【Pocket PC 2002 エミュレータによる実行例】

【Windows CE .NET エミュレータによる実行例】

■ランタイムライセンス/Web Server ランタイムライセンスについて

TeeChart Pro .NET 2J を使用してお客様が作成したアプリケーションは、ユーザ登録をしていただくことで、無償で配布できます。但し、Web ServerランタイムライセンスはWeb Server毎に別途ライセンスが必要です。詳しくは、「ライセンスパック」のページをご覧ください。

■開発ライセンスについて

TeeChart Pro .NET 2J の通常パッケージには、開発者1名分の開発者ライセンスが付属しています。お客様がTeeChart Pro .NET 2J を使用して複数の開発者で開発される場合に、お得な開発ライセンスパックをご用意しております。詳しくは、「ライセンスパック」のページをご覧ください。

■標準価格(シングルライセンス )

TeeChart Pro .NET 2J 「1開発者ライセンス」 120,000
(税込 126,000円)
TeeChart Pro .NET 2J 「1Web Server ランタイムライセンス」 43,000
(税込 45,150円)
TeeChart Pro .NET 2J 「+Source」
(上記の「1開発者ライセンス」に「C#ソースコード」が付属します)
310,000
(税込 325,500円)

■対応環境

対応OS
(すべて日本語版)
Windows Vista(32bit)/XP(32bit)/2000/Server 2003(32bit)、 Pocket PC 2000、Pocket PC 2002、Windows CE .NET 4.1
対応Framework .NET Framework 1.1/2.0/3.0/3.5、.NET Compact Framework
対応コンテナ
(すべて日本語版)
Visual Studio.NET 2003、Visual Studio 2005/2008、IIS5.0、IIS6.0Borland C# Builder

■パッケージ内容

通常パッケージ セットアップCD-ROM、ユーザ登録カードなど
(マニュアルなどのドキュメントはCD-ROMに含まれます)
▼パッケージイメージ
サイズ:W136×D15×H191mm(CDトールケース)
1 Web Server ランタイムライセンス ライセンス許諾契約書、ユーザ登録カード
(CD-ROMは付属していません)
 
TeeChart Pro .NET 2J
開発元 スペイン Steema Software社
日本語版開発&国内独占販売元 株式会社ニュートン

※表記中の社名、製品名などは一般に各社の商標または、登録商標です。
※本仕様、及び価格などは予告なしに変更する場合があります。

Copyright (C) NEWTONE Corporation. All rights reserved.