Lightweight Chart尺寸较小时无法展示全部数据，是否为预期行为？

结论 #

这是LightweightCharts的预期设计行为，并非框架bug。

原因说明 #

LightweightCharts默认内置了时间轴刻度的最小间距约束，目的是避免时间标签重叠、保障渲染性能和可读性。你需要展示1500条数据，若600px宽度下要全量显示，平均每个数据点仅能分配到0.4px的宽度，远小于库默认的最小间距阈值，因此库会自动裁剪可见范围，优先保证时间轴的展示效果。而800px宽度下刚好满足最小间距要求，所以可以正常展示全量数据。

解决方案 #

如果需要在600px宽度下强制展示全量数据，可以通过以下两种方式实现：

• 修改时间刻度的最小间距配置，在初始化图表时添加timeScale.minBarSpacing参数，将默认值调小即可：

var chart = LightweightCharts.createChart(document.body, {
    width: 600,
    height: 300,
    rightPriceScale: {
        scaleMargins: {
            top: 0.1,
            bottom: 0.1,
        },
    },
    // 新增时间刻度配置
    timeScale: {
        minBarSpacing: 0.1,
    }
});

• 提前对1500条原始数据做降采样处理，压缩到600条以内再传入setData方法，既可以完整展示数据趋势，也不会出现时间标签重叠的问题。

如果不需要强制全量展示，保留默认配置即可，可通过拖拽时间轴查看超出范围的部分。

内容的提问来源于stack exchange，提问作者dtanp