in packages/synchro-charts/src/testing/test-routes/charts/sc-webgl-scatter-chart/sc-scatter-chart-dynamic-data.tsx [41:77]
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>
<div id="chart-container" style={{ marginTop: '20px', width: '500px', height: '500px' }}>
<sc-scatter-chart
widgetId="widget-id"
dataStreams={[
{
id: 'test',
color: 'red',
name: 'test stream',
data: [],
aggregates: {
[MONTH_IN_MS]: this.data,
},
resolution: MONTH_IN_MS,
dataType: DataType.NUMBER,
},
]}
size={{
height: 500,
width: 500,
}}
viewport={{ start: X_MIN, end: X_MAX, yMin: Y_MIN, yMax: Y_MAX }}
/>
<sc-webgl-context />
</div>
</div>
);
}