バージョン

テーマ

トピックの概要

目的

このトピックでは、 IGChartView™ コントロールのサポートされるテーマの概要を提供します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

はじめに

テーマの概要

チャート テーマを使用すると、チャートのルック アンド フィールを変更できます。 IGChartView の Theme プロパティを定義済みのテーマに設定します。

テーマのタイプ

以下のテーブルは、サポートされるテーマおよび IGChartDefaultThemes および IGChartGradientThemes の関連するタイプ名を表示します。

テーマ名 プレビュー

DefaultTheme

IGChartView   Themes 1.png

IGTheme

IGChartView   Themes 6.png

IGThemeDark

IGChartView   Themes 7.png

DarkTheme1

IGChartView   Themes 2.png

DarkTheme2

IGChartView   Themes 3.png

DarkTheme3

IGChartView   Themes 4.png

DarkTheme4

IGChartView   Themes 5.png

IGTheme

IGChartView   Themes 8.png

IGThemeDark

IGChartView   Themes 9.png

FinanceTheme1

IGChartView   Themes 10.png

FinanceTheme2

IGChartView   Themes 11.png

FinanceTheme3

IGChartView   Themes 12.png

FinanceTheme4

IGChartView   Themes 13.png

FinanceTheme5

IGChartView   Themes 14.png

カスタム テーマの作成 - コード例

説明

以下のコードは、新しい IGChartThemeDefinition オブジェクトを作成し、複数の IGChartPaletteItem オブジェクトを IGChartThemeDefinitionseriesPalettes コレクションに追加します。

コード

Objective-C の場合:

IGChartThemeDefinition* def = [[IGChartThemeDefinition alloc]init];
    def.font = [UIFont fontWithName:@"Helvetica" size:12];
    def.fontColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    def.legendFont = [UIFont fontWithName:@"Helvetica" size:12];
    def.legendFontColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    def.legendBorderThickness = 1;
    def.legendPalette = [[IGChartPaletteItem alloc]init];
    def.legendPalette.color = [[IGBrush alloc] initWithR:0.9 andG:0.9 andB:0.9 andA:1];
    def.legendPalette.outlineColor = [[IGBrush alloc] initWithR:0.7 andG:0.7 andB:0.7 andA:1];
    IGChartPaletteItem* item1 = [[IGChartPaletteItem alloc] init];
    item1.color = [[IGBrush alloc] initWithR:0 andG:.63 andB:.88 andA:1];
    item1.outlineColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    [def.seriesPalettes addObject:item1];
    IGChartPaletteItem* item2 = [[IGChartPaletteItem alloc] init];
    item2.color = [[IGBrush alloc] initWithR:.54 andG:.6 andB:.05 andA:1];
    item2.outlineColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    [def.seriesPalettes addObject:item2];
    IGChartPaletteItem* item3 = [[IGChartPaletteItem alloc] init];
    item3.color = [[IGBrush alloc] initWithR:.94 andG:.3 andB:.05 andA:1];
    item3.outlineColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    [def.seriesPalettes addObject:item3];
    IGChartPaletteItem* item4 = [[IGChartPaletteItem alloc] init];
    item4.color = [[IGBrush alloc] initWithR:.5 andG:.06 andB:.42 andA:1];
    item4.outlineColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    [def.seriesPalettes addObject:item4];
    IGChartPaletteItem* item5 = [[IGChartPaletteItem alloc] init];
    item5.color = [[IGBrush alloc] initWithR:.98 andG:.66 andB:.06 andA:1];
    item5.outlineColor = [[IGBrush alloc] initWithR:0 andG:0 andB:0 andA:1];
    [def.seriesPalettes addObject:item5];
    IGChartPaletteItem* axis = [[IGChartPaletteItem alloc] init];
    axis.outlineColor = [[IGBrush alloc] initWithR:.72 andG:.72 andB:.72 andA:1];
    def.axisPalette = axis;
infraChart.theme = def;

C# の場合:

IGChartThemeDefinition def = new IGChartThemeDefinition();
   def.Font = UIFont.FromName("Helvetica", 12);
   def.FontColor = new IGBrush(0,0,0,1);
def.LegendFont = UIFont.FromName("Helvetica", 12);
   def.LegendFontColor = new IGBrush(0,0,0,1);
   def.LegendBorderThickness = 1;
   def.LegendPalette = new IGChartPaletteItem();
   def.LegendPalette.Color = new IGBrush(0.9f,0.9f,0.9f,1);
   def.LegendPalette.OutlineColor = new IGBrush(0.7f,0.7f,0.7f,1);
   IGChartPaletteItem item1 = new IGChartPaletteItem();
   item1.Color = new IGBrush(0.0f,0.63f,0.88f,1);
   item1.OutlineColor = new IGBrush(0,0,0,1);
   def.SeriesPalettes.Add(item1);
   IGChartPaletteItem item2 = new IGChartPaletteItem();
   item2.Color = new IGBrush(0.54f,0.6f,0.05f,1);
   item2.OutlineColor = new IGBrush(0,0,0,1);
   def.SeriesPalettes.Add(item2);
   IGChartPaletteItem item3 = new IGChartPaletteItem();
   item3.Color = new IGBrush(0.94f,0.3f,0.05f,1);
   item3.OutlineColor = new IGBrush(0,0,0,1);
   def.SeriesPalettes.Add(item3);
   IGChartPaletteItem item4 = new IGChartPaletteItem();
   item4.Color = new IGBrush(0.5f,0.06f,0.42f,1);
   item4.OutlineColor = new IGBrush(0,0,0,1);
   def.SeriesPalettes.Add(item4);
   IGChartPaletteItem item5 = new IGChartPaletteItem();
   item5.Color = new IGBrush(0.98f,0.66f,0.06f,1);
   item5.OutlineColor = new IGBrush(0,0,0,1);
   def.SeriesPalettes.Add(item5);
IGChartPaletteItem axis = new IGChartPaletteItem();
   axis.OutlineColor = new IGBrush(0.72f,0.72f,0.72f,1);
   def.AxisPalette = axis;
   chart.Theme = def;

関連コンテンツ

トピック

以下のトピックでは、このトピックに関連する追加情報を提供しています。

トピック 目的

このトピックは IGChartView コントロールの機能を紹介します。