[Xuni:FlexChart] 100%積層型のグラフを表示する方法

文書番号 : 81647 文書種別 : 使用方法登録日 : 2016/05/10 最終更新日 : 2016/05/10

対象製品

Xuni

詳細

データを積み上げて表示するグラフには、単純な積層型グラフと100%積層型の2種類があります。

100%積層型の場合は、積み上げたデータの割合を軸に表示する必要がありますので、表示する書式をパーセント表示に設定します。

サンプルコード
C#

    // 積層型100%の縦棒グラフに設定
    flexChart.ChartType=ChartType.Column;
    flexChart.Stacking = ChartStackingType.Stacked100pc;  // 100%積層に指定
    // パーセンテージで表示する形に書式設定
    flexChart.AxisY.Format="P1" ;  // 小数点以下1桁を表示(例：80.0%)
    // 軸ラベル、タイトルのフォントサイズを設定
    flexChart.AxisY.LabelFontSize= 20;
    flexChart.AxisY.TitleFontSize = 20;
    flexChart.AxisY.TitleText="100%積層";

Java

    // 積層型100%の縦棒グラフに設定
    mChart.setChartType(ChartType.COLUMN);
    mChart.setStackingType(ChartStackingType.STACKED100PC); // 100%積層に指定
    // パーセンテージで表示する形に書式設定
    mChart.getAxisY().setFormat("0.0%"); // 小数点以下1桁を表示(例：80.0%)
    // 軸ラベル、タイトルのフォントサイズを設定
    mChart.getAxisY().setLabelFontSize(15f);
    mChart.getAxisY().setTitle("100%積層");
    mChart.getAxisY().setMinorGridVisible(true); //補助目盛を表示
    mChart.getAxisY().setMinorUnit(0.01d); //補助目盛を1%刻みに設定

Objective-C

    // 積層型100%の面グラフに設定
    chart.chartType =  XuniChartTypeArea;
    chart.stacking = XuniStackingStacked100pc; // 100%積層に指定
    // パーセンテージで表示する形に書式設定
    chart.axisY.format = @"P0";   // 小数点以下を非表示(例：80%)
    // 軸ラベル、タイトルを設定
    chart.axisY.majorUnit = 0.25; // 目盛の間隔を広くする 25%毎
    chart.axisY.title = @"100%積層";

Swift

    // 積層型100%の横棒グラフに設定
    _chart.chartType = XuniChartType.Bar
    _chart.stacking = XuniStacking.Stacked100pc // 100%積層に指定
    // パーセンテージで表示する形に書式設定
    _chart.axisX.format = "P0"   // 小数点以下を非表示(例：80%)
    // 軸ラベル、タイトルのフォントサイズを設定
    _chart.axisX.labelAngle = 30 // ラベルを傾ける
    _chart.axisX.title = "100%積層"

Xuniが表示可能なチャート種類はこちらです。
チャート種類
Xuni　＞技術情報　＞ドキュメント　＞ FlexChart－機能－チャートタイプ：Android／iOS／Xamarin

[Xuni:FlexChart] 100%積層型のグラフを表示する方法

対象製品

詳細

関連情報