title: Create STEPPED_AREA chart with dataLabel
body: <p>After creating a STEPPED_AREA chart with a Google Script Macro, I am unable to enable the Data Label for any of the Series of the Chart.</p>
  
  <p>I began by recording a macro to record the steps of creating a stepped area chart.  Everything copied over well except for dataLabels.  They don't display and I am unable to enable them with the checkbox in the Google Sheets program.</p>
  
  <pre><code>/** @OnlyCurrentDoc */
  
  function change_axis() {
    var spreadsheet = SpreadsheetApp.getActive();
    spreadsheet.getRange('B28').activate();
    var sheet = spreadsheet.getActiveSheet();
    var charts = sheet.getCharts();
    var chart = charts[0];
    chart = sheet.newChart()
    .setChartType(Charts.ChartType.STEPPED_AREA)
    .addRange(spreadsheet.getRange('A1:B7'))
    .setMergeStrategy(Charts.ChartMergeStrategy.MERGE_COLUMNS)
    .setTransposeRowsAndColumns(true)
    .setNumHeaders(1)
    .setHiddenDimensionStrategy(Charts.ChartHiddenDimensionStrategy.IGNORE_BOTH)
    .setOption('backgroundColor', '#000000')
    .setOption('useFirstColumnAsDomain', false)
    .setOption('legend.position', 'none')
    .setOption('hAxis.textStyle.fontSize', 8)
    .setOption('hAxis.textStyle.color', '#ffff00')
    .setOption('vAxes.0.gridlines.count', 2)
    .setOption('vAxes.0.gridlines.color', '#ffff00')
    .setOption('vAxes.0.formatOptions.scaleFactor', 1)
    .setOption('vAxes.0.viewWindow.min', spreadsheet.getRange('B28').getValue())
    .setOption('vAxes.0.viewWindowMode', 'explicit')
    .setOption('vAxes.0.textStyle.color', '#ffff00')
    .setOption('series.0.hasAnnotations', true)
    .setOption('series.0.areaOpacity', 0)
    .setOption('series.0.color', '#1155cc')
    .setOption('series.0.dataLabelPlacement', 'auto')
    .setOption('series.1.hasAnnotations', true)
    .setOption('series.1.dataLabel', 'value')
    .setOption('series.1.areaOpacity', 0)
    .setOption('series.1.color', '#00ff00')
    .setOption('series.1.dataLabelPlacement', 'auto')
    .setOption('series.2.hasAnnotations', true)
    .setOption('series.2.dataLabel', 'value')
    .setOption('series.2.areaOpacity', 0)
    .setOption('series.2.dataLabelPlacement', 'auto')
    .setOption('series.3.hasAnnotations', false)
    .setOption('series.3.dataLabel', 'none')
    .setOption('series.3.areaOpacity', 1)
    .setOption('series.3.color', '#00ffff')
    .setOption('series.3.dataLabelPlacement', 'auto')
    .setOption('series.4.hasAnnotations', true)
    .setOption('series.4.dataLabel', 'value')
    .setOption('series.4.areaOpacity', 1)
    .setOption('series.4.color', '#ff0000')
    .setOption('series.4.dataLabelPlacement', 'auto')
    .setOption('series.5.areaOpacity', 1)
    .setOption('series.5.color', '#ff0000')
    .setOption('width', 114)
    .setPosition(8, 1, 85, 0)
    .build();
    sheet.insertChart(chart);
  };
  </code></pre>
  
  <p>I believe the .setOption('series.#.dataLabel', 'value') lines are my problem, but I cannot change it to anything that works.</p>
  
  <p><a href="https://i.stack.imgur.com/N0Gp8.png" rel="nofollow noreferrer">Attached Screenshot</a></p>
  
  <p>You can view the file at:  <a href="https://docs.google.com/spreadsheets/d/e/2PACX-1vSXAEwC3qAqdcWvkskNgCaew6IQczwQruApiRNA5tFRj4M1EMG8zVOzL46gGUHUnUCrPuzRsr-KQy1F/pubhtml" rel="nofollow noreferrer">Temperature Chart</a></p>