チャートを表示しよう
SPRAEDデザイナに表示されている表を使って、グラフを描いてみましょう。操作はいたって簡単で［挿入］-［縦棒］メニューから棒グラフを選ぶだけです。すると、表のデータを読み込んで降水量と平均気温の棒グラフが自動で生成されます。
SPREADデザイナには、「チャートデザイナ」というグラフのデザインに特化したデザイナが組み込まれています。降水量と平均気温のグラフでよく見るスタイルは、降水量が棒グラフで平均気温が折れ線グラフのスタイルです。チャートデザイナを使ってこのスタイルを再現しようと思いましたが、SPREAD for ASP.NETのチャートデザイナでは系列チャートの種類の変更ができませんでした。
SPREAD for Windows FormsのSPREADデザイナのチャートデザイナでは、系列チャートの種類の変更もできるので、ぜひASP.NET版でもできるようになることを期待したいです。
組み合わせグラフを作成
では、どのようにすれば組み合わせのグラフは作成できるでしょうか。実は、元がExcelファイルなため、Excel側でグラフを作成し、それをSPREADデザイナで取り込むだけで、簡単に作成できます。
プロパティで微調整する
取り込んだデザインは凡例部分がグラフにかかっているので、チャートデザイナで「Yプロットエリア」のLocationプロパティを変更し、グラフを少し左にずらして重なりを解消します。
ここまでで、コードを1行も書かずに目的のものが完成できました。
動かして確認しよう
では、実際に動かして完成したWebフォームがどのようにブラウザに表示されるかを確認してみましょう。
表もグラフもブラウザに綺麗に表示されました。SPREAD for ASP.NETがすごいのはここからです。表の値を変更して、画面下にある［更新］ボタンをクリックしてみましょう。ここでは、表内の「3月」の降水量の値を「117.5」から「10」に変更しました。併せて、棒グラフの表示が変更されたのが確認できると思います。
特別なコードを一切記述していない状態ですが、表の値に応じた内容にグラフが変化する画面ができあがりました。
最後に
SPREAD for ASP.NETのグラフへの対応能力は、予想以上に強力なものでした。Webでの各種情報をグラフ化して提供するといった機能は、実装は意外に難しく、手間がかかるため敬遠しがちなものですが、SPREAD for ASP.NETのチャート機能を使えば、より実装しやすくなるでしょう。
今までとは一味違うASP.NETの世界が広がったように感じました。
