[Xuni:FlexPie／FlexChart] 独自のパレットを作成してチャート色に設定する方法

文書番号 : 81811 文書種別 : 使用方法登録日 : 2016/09/27 最終更新日 : 2016/09/27

対象製品

Xuni

詳細

Xuniのチャート用共通ライブラリChartCoreには、あらかじめ定義済みの配色テンプレートがPalettesとして定義されています。
このテンプレートの実体は色の配列（パレット）です。チャートを独自の配色にする場合は、テンプレートを作成してPaletteプロパティに設定します。

サンプルコード
C#（Xamarin.Forms）

// Colorの配列を設定して独自のパレットを作成
var myPalette = new Color[] { 
    Color.FromHex("#b50f52"),
    Color.FromHex("#c2185b"),
    Color.FromHex("#e91e63"),
    Color.FromHex("#ff4081"),
    Color.FromHex("#f8bbd0")};
// Paletteプロパティに独自パレット(色の配列)を設定
flexpie.Palette = myPalette;

Java

// Colorの配列を設定して独自のパレットを作成
int[] myPalette = {
      Color.rgb(173,255,197),
      Color.rgb(232,212,68),
      Color.rgb(255,132,87),
      Color.rgb(176,68,232),
      Color.rgb(74,202,255)};
// Paletteプロパティに独自パレット(色の配列)を設定
mFlexPie1.setPalette(myPalette);

Objective-C

// Colorの配列を設定して独自のパレットを作成
NSArray *myPalette = [NSArray arrayWithObjects:
         UIColor.blueColor,
         UIColor.brownColor,
         UIColor.cyanColor,
         UIColor.redColor,
         UIColor.greenColor,nil];
// Paletteプロパティに独自パレット(色の配列)を設定
self.pieChart.palette = myPalette;

Swift

// Colorの配列を設定して独自のパレットを作成
let myPalette: [UIColor] = [
    UIColor.blue,
    UIColor.brown,
    UIColor.cyan,
    UIColor.red,
    UIColor.green]
// Paletteプロパティに独自パレット(色の配列)を設定
_pieChart.palette = myPalette

下図は、左からテンプレートを適用していない標準の配色、テンプレートを適用した例、独自の配色テーブルを設定した例です。前述のXamarin.Forms用コードの実行結果です。

[Xuni:FlexPie／FlexChart] 独自のパレットを作成してチャート色に設定する方法

対象製品

詳細

関連情報