チャートで#NA 値のセルの表示

Spread.Sheetsでは、チャートに#N/A を含むセルを空白として表示することができます。displayNaNAsBlankプロパティをtrueに設定すると、#N/A 値を含むセルは空のセルとして扱われます。

displayNaNAsBlankプロパティをtrueに設定すると、チャートにプロットする空白セルがdisplayBlanksAsメソッドの値に基づいて表示されます。displayBlanksAsメソッドには、次の値があります。

Connected - #N/A 値は接続しているように表示されます。
Gaps - #N/A 値は空白として表示されます。
Zero - #N/A 値はゼロ値として表示されます。

チャートで空白セルを表示する方法については、「チャートで空白セルの表示」を参照してください。

次の図は、#N/A を含むセルを空白として表示するチャートを示します。

しかし、displayNaNAsBlankをfalseに設定すると、#N/A 値を含むセルがチャートの種類に基づいて表示されます。

縦棒、円、および横棒チャートでは、#N/A 値が空白またはゼロ値（0）として表示されます。
散布図、面、または株価チャートでは、#N/A 値が空白として表示されます。
折れ線またはレーダーチャートでは、#N/A 値が接続しているように表示されます。

注：サンバーストとツリーマップチャートでは、#N/A 値を含むセルをチャートのデータで使用できません。

コードの使用

次のコードは、チャートに#N/A を含むセルを空白として表示します。displayBlanksAsメソッドは、空のセルを空白として表示します。

JavaScript	コードのコピー
// アクティブシートを取得します。 var activeSheet = spread.getActiveSheet(); // 配列数式を作成します。 var na_error = GC.Spread.CalcEngine.Errors.NotAvailable; var dataArray = [ ["", "Apple", "Samsung", "LG", "Motorola", "OnePlus"], ["1月", 2, na_error, 3, 4, 5], ["2月", na_error, 3, na_error, 5, 6], ["3月", 3, 4, 5, na_error, 7], ]; // データを設定します。 activeSheet.setArray(0, 0, dataArray); // チャートを追加します。 var chart = activeSheet.charts.add('Chart', GC.Spread.Sheets.Charts.ChartType.line, 2, 85, 350, 350, 'A1:F4'); // displayNaNAsBlankプロパティをtrueに設定し、#N/A 値を空白として表示します。 chart.displayNaNAsBlank(true); //displayBlanksAsメソッドにより、#N/A を含むセルの表示を接続している、空白、またはゼロ値として表示します。 chart.displayBlanksAs(GC.Spread.Sheets.Charts.DisplayBlanksAs.gaps); // チャートタイトルを設定します。 chart.title({ text: "欠損値を空白として表示" });

JavaScript

コードのコピー

// アクティブシートを取得します。
var activeSheet = spread.getActiveSheet();
// 配列数式を作成します。
var na_error = GC.Spread.CalcEngine.Errors.NotAvailable;
var dataArray = [
    ["", "Apple", "Samsung", "LG", "Motorola", "OnePlus"],
    ["1月", 2, na_error, 3, 4, 5],
    ["2月", na_error, 3, na_error, 5, 6],
    ["3月", 3, 4, 5, na_error, 7],
];
// データを設定します。
activeSheet.setArray(0, 0, dataArray);

// チャートを追加します。
var chart = activeSheet.charts.add('Chart', GC.Spread.Sheets.Charts.ChartType.line, 2, 85, 350, 350, 'A1:F4');

// displayNaNAsBlankプロパティをtrueに設定し、#N/A 値を空白として表示します。
chart.displayNaNAsBlank(true);
//displayBlanksAsメソッドにより、#N/A を含むセルの表示を接続している、空白、またはゼロ値として表示します。
chart.displayBlanksAs(GC.Spread.Sheets.Charts.DisplayBlanksAs.gaps);

// チャートタイトルを設定します。
chart.title({ text: "欠損値を空白として表示" });