<div id="chart">
<div class="toolbar">
<button id="one_month"
onClick={()=>updateData('one_month')} className={ (state.selection==='one_month' ? 'active' : '')}>
1M
</button>
<button id="six_months"
onClick={()=>updateData('six_months')} className={ (state.selection==='six_months' ? 'active' : '')}>
6M
</button>
<button id="one_year"
onClick={()=>updateData('one_year')} className={ (state.selection==='one_year' ? 'active' : '')}>
1Y
</button>
<button id="ytd"
onClick={()=>updateData('ytd')} className={ (state.selection==='ytd' ? 'active' : '')}>
YTD
</button>
<button id="all"
onClick={()=>updateData('all')} className={ (state.selection==='all' ? 'active' : '')}>
ALL
</button>
</div>
<div id="chart-timeline">
<ReactApexChart options={state.options} series={state.series} type="area" height={350} />
</div>
</div>