lightweight-charts-react-wrapper

lightweight-charts-react-wrapper copied to clipboard

For example, see here: https://tradingview.github.io/lightweight-charts/tutorials/customization/finishing-touches

Yes. You can start with "legend" or "moving everage" examples on the demo page

Oh I should update the examples in the code-sandbox to match version 4.0.0 =(

So the idea is to wrap the chart component in a relative div and place whatever you want on the chart using absolute position.

            <div className={styles.container}>
                <Chart height={300} width={600}>
                    <AreaSeries data={data}/>
                </Chart>
                <div className={styles.legend}>{legend}</div>
            </div>

.container {
   position: relative;
}

.legend {
   position: absolute;
   left: 12px;
   top: 12px;
   z-index: 1;
   font-size: 12px;
   line-height: 18px;
   font-weight: 300;
}