javascript - 如何将 HighChart 系列重新格式化为 CSV 导出

Question

我们正在使用 HighCharts 4.2.2 和 export-csv插件。

这是我们的 CSV 导出的样子:

现在 AAPL 有 3 列，但我们只关心 y 列。以下代码是我们尝试从 priceLine 系列选项对象中删除其他 2 个键(x 和 end)。

const updatePriceLine = (chart) => {
    const priceLine = chart.get('series-priceline');
    const prices = priceLine.data.map(point => point.y);
    console.log('prices', prices)
    priceLine.update({ keys: ['price'] });
    priceLine.data = prices;
    console.log('priceLine.data', chart.get('series-priceline').data)
    return chart;
};

---

上面的操作删除了 x 和 end 列，但是 y 列中没有任何内容。

我以为我们的新数据数组需要是一个带有 y 键的对象数组，所以尝试了这个更新的函数，但也没有用:

const updatePriceLine = (chart) => {
    const priceLine = chart.get('series-priceline');

    const prices = priceLine.data.map((point) => {
        return {
            y: point.y
        };
    });

    priceLine.update({ keys: ['y'] });
    priceLine.data  = prices;
    console.log('priceLine.data', chart.get('series-priceline').data)
    return chart;
};

价格线.数据

价格线.keys

^ 原始 key

---

删除多余的键/列后:

CSV 现在删除了 AAPL (x) 和 AAPL (end) 列，但是 AAPL 列中没有数据:(

Answer 1

终于明白了!

必须删除我将系列设置为 const

的行

const updatePriceLine = (chart) => {
    // const priceLine = chart.get('series-priceline');
    const prices = chart.get('series-priceline').data.map((point) => {
        return {
            x: point.x,
            y: point.y
        };
    });

    chart.get('series-priceline').update({ keys: ['y'] });
    chart.get('series-priceline').setData(prices)
    return chart;
};

所以直接在 chart.get('series-priceline') 上调用了 .update 和 .setData