Как узнать текущую цену пользовательского графика с помощью Javascript lightweight-chart API? - PullRequest
Новая
       36

Как узнать текущую цену пользовательского графика с помощью Javascript lightweight-chart API?

0 голосов
/ 18 апреля 2020

Как я могу получить цену, показанную на графике справа от моего графика, отмеченную синим цветом. enter image description here

На данный момент это мой код: 

const chart = LightweightCharts.createChart(document.body, { width: 1500, height: 700 });
const lineSeries = chart.addLineSeries();

const log = console.log;

lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

function randomIntFromInterval(min, max) {
    return Math.round((Math.random() * (max - min + 1) + min) * 100) / 100;
}

var startDate = new Date();
var endDate = new Date(2020, 5, 1);

log(lineSeries);


// lineSeries.applyOptions({
//     priceFormat: {
//         type: 'custom',
//         minMove: 0.02,
//         formatter: function(price) {
//             log(price);                //Gives me the price in a very bad way. Also gives it when i hover over chart.
//             return '$' + price;
//         },
//     }
// });


/**
 * Updates the chart its lines randomly.
 */
function updateChartStatic() {
    setTimeout(() => {
        //For updating the date.
        let newDate = new Date(startDate);

        //Creates a random int.
        let randomInt = randomIntFromInterval(randomIntFromInterval(50, 100), randomIntFromInterval(75, 125));

        // log(randomInt);
        log(lineSeries._series._priceScale.rn.ct);

        //Updates the line of the chart.
        lineSeries.update({
            time: newDate.getFullYear() + '-' + (newDate.getMonth() + 1) + '-' + newDate.getDate(),
            value: randomInt,
        });

        //Makes sure the loop can actually end by adding a day to the startDate.
        startDate.setDate(startDate.getDate() + 1);

        //Make sure the function will be called again if startDate and endDate date not matches with each other. If they do, the loop will end and a console log will be shown.
        startDate <= endDate ? updateChartStatic() : log("END LOOP");
    }, 1000);
}

updateChartStatic();

Atm Я случайным образом обновляю строки между некоторыми числами. Мне нужно знать цену, чтобы убедиться, что линии обновляются на основе текущей цены. Таким образом, новая линия будет, например, на 50 долларов / евро выше или ниже текущей цены. Это сделает его менее острым :) В псевдокоде: 

let randomInt = randomIntFromInterval((currentPrice - 50), (currentprice + 50));

1 Ответ

0 голосов
/ 20 апреля 2020

Хорошо, я провел некоторое исследование в переменной lineSeries. Я нашел способ получить текущую цену последней добавленной линии на графике. Вот как: 

//Get price of last line
let currentPrice = Array.from(Array.from(lineSeries._dataUpdatesConsumer.de.ee)[lineSeries._dataUpdatesConsumer.de.ee.size - 1][1].mapping)[0][1].value;


//Code below ends up the same but is splitted a bit more. Might look bit more understandable :P
let map = lineSeries._dataUpdatesConsumer.de.ee;

let getLastItemInMap = Array.from(map)[map.size - 1];

let secondMap = getLastItemInMap[1].mapping;

let getItemInMap = Array.from(secondMap)[0];

// Returns the price
log(getItemInMap[1].value);
...