Histograma
Um histograma desenha uma barra vertical por ponto a partir de um valor base. Seu uso mais comum é o volume, onde cada barra é colorida conforme a vela fechou em alta ou em baixa, mas qualquer quantidade por barra funciona.
Demonstração ao vivo
Configuração
Adicione uma HistogramSeries e alimente-a com pontos { time, value, color? }; uma color por ponto sobrescreve a cor da série:
const series = chart.addSeries(SSChart.HistogramSeries, {
priceFormat: { type: 'volume' },
});
series.setData(candles.map(c => ({
time: c.time,
value: c.volume,
color: c.close >= c.open ? 'rgba(38,166,154,0.7)' : 'rgba(239,83,80,0.7)',
})));
chart.timeScale().fitContent();
Para exibir o volume embaixo de um gráfico de preços em vez de em seu próprio espaço, coloque o histograma em uma escala de preços sobreposta (overlay) e fixe-o na parte inferior:
const volume = chart.addSeries(SSChart.HistogramSeries, { priceScaleId: '', priceFormat: { type: 'volume' } });
volume.priceScale().applyOptions({ scaleMargins: { top: 0.82, bottom: 0 } });