render()

in packages/synchro-charts/src/testing/test-routes/charts/status-timeline/status-timeline-dynamic-data.tsx [36:77]

• 42 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    return (
      <div>
        <button id="add-data-point" onClick={this.addDataPoint}>
          Add Data Point
        </button>
        <button id="remove-data-point" onClick={this.removeDataPoint}>
          Remove Data Point
        </button>
        <br />
        <br />
        <div id="chart-container" style={{ height: '500px', width: '500px' }}>
          <sc-status-timeline
            alarms={{ expires: MONTH_IN_MS }}
            dataStreams={[
              {
                id: 'test',
                name: 'test stream',
                color: 'red',
                aggregates: { [MONTH_IN_MS]: this.data },
                data: [],
                resolution: MONTH_IN_MS,
                dataType: DataType.NUMBER,
              },
            ]}
            size={{
              width: 500,
              height: 500,
            }}
            widgetId="widget-id"
            viewport={{
              yMin: Y_MIN,
              yMax: Y_MAX,
              start: X_MIN,
              end: X_MAX,
            }}
          />
          <sc-webgl-context />
        </div>
      </div>
    );
  }