Lightweight Chart 当图表很小时无法显示所有数据，这是预期的吗？

Question

不确定这是否是限制，但我无法让图表显示所有数据（我有 1500 条记录）。 fitContent() 或 setVisibleRange() 没有帮助。

var chart = LightweightCharts.createChart(document.body, {
    width: 600,
    height: 300,
    rightPriceScale: {
        scaleMargins: {
            top: 0.1,
            bottom: 0.1,
        },
    },
});

var areaSeries = chart.addAreaSeries({
    topColor: 'rgba(76, 175, 80, 0.56)',
    bottomColor: 'rgba(76, 175, 80, 0.04)',
    lineColor: 'rgba(76, 175, 80, 1)',
    lineWidth: 2,
    title: 'AAPL',
});

areaSeries.setData([{
    "time": 1629353327,
    "value": 19.97
}, {
    "time": 1629439727,
    "value": 19.67
},
....
}]);
chart.timeScale().fitContent();

这是预期的吗？如果图表宽度设置为 800px，它将起作用。

Answer 1

默认情况下，最小条间距值（条之间的最小 space）为 0.5，这允许您每 1 个像素显示 2 个值。但是如果你想在一个小的视口中显示更多的数据，你需要将这个值更改为更小的值，例如0.001.

您可以通过修改 minBarSpacing option of timeScale - just add timeScale: { minBarSpacing: 0.001 } to your chart's options and it will work. Demo

Lightweight Chart 当图表很小时无法显示所有数据，这是预期的吗？

Can't show all data on Lightweight Chart when chart is small, is it expected?

lightweight-charts