render()

in packages/synchro-charts/src/testing/test-routes/charts/status-timeline/status-timeline-fast-viewport.tsx [46:84]

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

  render() {
    return (
      <div>
        <button id="change-viewport" onClick={this.changeViewport}>
          Change Viewport
        </button>
        <br />
        <br />
        <div id="chart-container" style={{ border: '1px solid lightgray', height: '500px', width: '500px' }}>
          <sc-status-timeline
            alarms={{ expires: HOUR_IN_MS }}
            dataStreams={[
              {
                id: 'test',
                color: '#264653',
                name: 'test stream',
                aggregates: { [HOUR_IN_MS]: DATA_POINTS },
                data: [],
                resolution: HOUR_IN_MS,
                dataType: DataType.NUMBER,
              },
            ]}
            widgetId="widget-id"
            size={{
              height: 500,
              width: 500,
            }}
            viewport={{
              yMin: Y_MIN,
              yMax: Y_MAX,
              start: this.start,
              end: this.end,
            }}
          />
          <sc-webgl-context />
        </div>
      </div>
    );
  }