无法显示标记。 setMarkers() 函数返回 TypeError: t.map 不是函数

Question

我查看了 github 上的文档，但找不到有关标记的更多信息。这是他们给出的例子： https://github.com/tradingview/lightweight-charts/blob/ef8cfa40cb51ee1f9a5c11bd099bc510c022b010/docs/series-basics.md#setmarkers

我似乎有正确的标记数组，但没有运气。

async function getCandle() {
    while(true){
        await fetch('localhost:5000/candle.json')
        .then(res => res.text())
        .then(data => {
            /* Handling of data */
            candleSeries.setMarkers(getMarkers()); // returns TypeError: t.map is not a function at i.t.setMarkers
            // chart.setMarkers(getMarkers()); returns TypeError: chart.setMarkers is not a function
        })
        await sleep(1000);
    }
}

async function getMarkers(){
    await fetch('http://localhost:5000/markers.jsonl')
    /* markers.jsonl looks like this:
    {"time": 1592913600, "position": "belowBar", "shape": "arrowUp", "color": "green", "id": 1, "text": "BUY"}
    {"time": 1592913900, "position": "belowBar", "shape": "arrowUp", "color": "green", "id": 1, "text": "BUY"}
    */
    .then(res => res.text())
    .then(data => {
        data = data.split("\n");
        let markers = data.map(d => {
            // Parse d from string to JSON
            d = JSON.parse(d);
            return {time: d["time"], position: d["position"], shape: d["shape"], color: d["color"], id: d["id"], text: d["text"]}
        });
        return markers;
    })
}

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

Answer 1

getMarkers 是异步函数，它返回一个Promise 实例，如果你不await 它。

您需要将数据处理程序标记为async 函数和await getMarkers 结果：

async function getCandle() {
    while(true){
        await fetch('localhost:5000/candle.json')
        .then(res => res.text())
        .then(async (data) => {
            /* Handling of data */
            candleSeries.setMarkers(await getMarkers());
        })
        await sleep(1000);
    }
}

编辑（来自@Nipheris 评论）：你没有从getMarkers 函数返回任何东西，所以你需要在那里添加return 语句。