【ASP.NET MVC】【VB】グラフ描画 ～.NET標準機能 / グラフの種類 & デザイン編～ [2]

ASP.NET MVC

初めに

http://blogs.yahoo.co.jp/dk521123/35414300.html
で、グラフが描けたので、次に以下を考える

 1) グラフのデザインをどの程度変更できるのか
 2) どんなグラフの種類があるのか

1) グラフのテーマ(ChartTheme)について

1-1) 既存のテーマ

http://blogs.yahoo.co.jp/dk521123/35414300.htm
より抜粋
～～～
Dim sampleChart As Chart = New Chart(600, 400, ChartTheme.Yellow)
～～～

 * グラフのテーマを、Blue(デフォルト), Green, Vanilla, Vanilla3D, Yellowから選べる
http://blog.shibayan.jp/entry/20110406/1302094656

1-2) カスタムテーマ

 * 独自のテーマを作成し、指定できる

手順

 [1] カスタムテーマを記述したXMLファイルを作成する(以下のサンプルを参考)
 [2] ChartのNew時に、[1]のXMLファイルを「themePath:=」で指定する
～～～
Dim sampleChart As Chart = New Chart(600, 400, themePath:="~/Content/CustomChartTheme.xml")
～～～

サンプル1 : 2次元

Content/CustomChartTheme.xml 
<Chart BackColor="#FFCCFF" BackGradientStyle="TopBottom" BorderColor="#99CCFF" BorderWidth="3" BorderlineDashStyle="Solid" Palette="EarthTones">
  <ChartAreas>
    <ChartArea Name="Default" _Template_="All" BackColor="Transparent" BackSecondaryColor="#FFCCCC" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" ShadowColor="Transparent">
      <AxisY>
        <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
      </AxisY>
      <AxisX LineColor="64, 64, 64, 64">
        <LabelStyle Font="arial, 8.25pt, style=Bold" />
      </AxisX>
    </ChartArea>
  </ChartAreas>
  <BorderSkin SkinStyle="Emboss" />
</Chart>

サンプル2 : 3次元

Content/CustomChartTheme.xml 
<Chart BackColor="#555" BackGradientStyle="TopBottom" BorderColor="181, 64, 1" BorderWidth="2" BorderlineDashStyle="Solid" Palette="SemiTransparent" AntiAliasing="All">
  <ChartAreas>
    <ChartArea Name="Default" _Template_="All" BackColor="Transparent" BackSecondaryColor="#FFCCCC" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" ShadowColor="Transparent">
      <Area3DStyle LightStyle="Simplistic" Enable3D="True" Inclination="30" IsClustered="False" IsRightAngleAxes="False" Perspective="10" Rotation="-30" WallWidth="0" />
    </ChartArea>
  </ChartAreas>
  <Legends>
    <Legend _Template_="All" BackColor="Transparent" Docking="Bottom" Font="arial, 8.25pt, style=Bold" LegendStyle="Row">
    </Legend>
  </Legends>
</Chart>

2) グラフの種類(ChartType)について

http://www.mikepope.com/blog/displayblog.aspx?permalink=2220
https://msdn.microsoft.com/ja-jp/library/dd489233.aspx
より
`#`グラフの種類`説明`備考/メモ
01Area面グラフ
02Barバーチャート棒グラフがx-y逆になっただけ
03BoxPlotボックス プロット グラフ
04Bubbleバブルチャート
05Candlestickローソク足チャート使える?
06Column棒グラフ★重要★
07Doughnutドーナツグラフ
08ErrorBarエラーバーチャート使える?
09FastLine折れ線グラフ(大量データ用)一部のグラフ機能は省略
10FastPoint散布図(大量のデータ)一部のグラフ機能は省略
11Funnelじょうご（漏斗）チャート使いどころ分からん
12Kagiカギチャート
13Line折れ線グラフ★重要★
14Pie円グラフ★重要★
15Point散布図★重要★
16PointAndFigureポイント&フィギュア
17Polar極座標
18Pyramidピラミッドチャート
19Radarレーダーチャート
20Range範囲チャート
21RangeBar範囲バー・チャートバーチャートの違いは?
22RangeColumnレンジ折れ線・チャート折れ線との違いは?
23Renko蓮子チャート
24Splineスプラインチャート
25SplineAreaスプライン面積チャート
26SplineRangeスプライン範囲チャート
27StackedArea集合形式面積チャート
28StackedBar積み重ね棒グラフ
29StackedBar100100%積み重ね棒グラフ
30StackedArea100100%集合形式面積チャート
31StackedColumn積み上げ縦棒グラフ
32StackedColumn100100%積み上げ縦棒グラフ(帯グラフ)
33StepLine階段グラフ
34Stock株価チャート使える?
35ThreeLineBreakThreeLineBreakチャート
* 全てじゃないがサンプル
http://www.atmarkit.co.jp/fdotnet/dotnettips/1039winchartgraph/winchartgraph.html

関連記事

グラフ描画 ～.NET標準機能 / 基本編～ [1]

http://blogs.yahoo.co.jp/dk521123/35414300.html