Я могу создавать легенды, как показано ниже
Есть ли способ динамически добавлять пользовательский текст вместо полосы Боллинджера? Например, я хочу показывать живую цену каждую секунду в легенде.
Также как программно включить и отключить легенду.
Спасибо
Вы можете сохранить запись легенды, возвращенную методом legendBox.add(). Этот entry имеет метод entry.setText(), который можно использовать для установки текста записи в поле легенды, который вы хотите.
const legendBox = chart.addLegendBox()
const entry = legendBox.add(series, undefined, 'Legend Box')
entry.setText('Custom text here')
Сохранив ссылку entry, вы можете вызывать метод setText, когда захотите обновить текст.
См. приведенный ниже пример, в котором текст записи поля легенды обновляется каждый раз при добавлении новых данных.
// Extract required parts from LightningChartJS.
const {
lightningChart,
DataPatterns,
Themes
} = lcjs
// Import data-generator from 'xydata'-library.
const {
createProgressiveTraceGenerator
} = xydata
// Create a XY Chart.
const chart = lightningChart().ChartXY({
// theme: Themes.dark
})
// Create progressive line series.
const series = chart.addLineSeries({
dataPattern: DataPatterns.horizontalProgressive
})
const lb = chart.addLegendBox()
lb.setPosition({
x: 50,
y: 50
})
const entry = lb.add(series, undefined, 'Legend Box')
// Generate traced points stream using 'xydata'-library.
createProgressiveTraceGenerator()
.setNumberOfPoints(1000)
.generate()
.toStream()
.forEach(data => {
series.add(data)
entry.setText(`Custom text: ${series.getLastPoint().y.toFixed(1)}`)
})<script src="https://unpkg.com/@arction/[email protected]/dist/xydata.iife.js"></script>
<script src="https://unpkg.com/@arction/[email protected]/dist/lcjs.iife.js"></script>Вы можете отключить поле легенды, вызвав legendbox.dispose(). Это полностью удалит поле легенды. Чтобы затем снова включить поле легенды, вы можете вызвать legendbox.restore(), который восстановит поле легенды в прежнем виде.
