Как привязать данные в setMarkers к цене?
Неверно отображаются стрелки, нужно привязать их к цене, а не только ко времени.
Подскажите как добавить параметры price: 55, и price: 80 в setMarkers ?
Такой функционал отсутствует, сейчас сделано только ко времени, стрелки ставятся сверху и снизу баров.
Или там как то по другому можно добавить такие стрелки?
const chart = LightweightCharts.createChart(document.body, {
width: 400,
height: 260,
timeScale: {
borderColor: '#cfcfcf',
timeVisible: true,
secondsVisible: false,
rightOffset: 8,
},
});
let data = [
{ time: '2022-08-07', open: 81, high: 54, low: 65, close: 67 },
{ time: '2022-08-08', open: 60, high: 80, low: 50, close: 77 },
{ time: '2022-08-09', open: 60, high: 80, low: 50, close: 77 },
{ time: '2022-08-10', open: 57, high: 80, low: 50, close: 61 },
{ time: '2022-08-11', open: 60, high: 80, low: 50, close: 77 },
{ time: '2022-08-12', open: 60, high: 80, low: 50, close: 77 },
{ time: '2022-08-13', open: 57, high: 80, low: 50, close: 61 },
{ time: '2022-08-14', open: 63, high: 70, low: 50, close: 62 },
{ time: '2022-08-15', open: 61, high: 80, low: 50, close: 71 },
{ time: '2022-08-16', open: 62, high: 90, low: 50, close: 80 },
];
const candlestickSeries = chart.addCandlestickSeries();
candlestickSeries.applyOptions({
priceFormat: {
type: 'price',
precision: 6,
minMove: 0.000001,
},
});
candlestickSeries.setData(data);
var markers = [{
time: '2022-08-10',
price: 55,
position: 'belowBar',
color: '#0ecb82',
shape: 'arrowUp',
},{
time: '2022-08-16',
price: 80,
position: 'aboveBar',
color: '#f6465d',
shape: 'arrowDown',
}];
candlestickSeries.setMarkers(markers);
<script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>