我使用pixi.js lineTo方法构建折线图。问题是当点之间的距离变小时线条会收缩。出于测试目的,我试图在该图表上绘制200,000点。
绘图功能:
var dataSet = ohlcStore[chartProperty.sym];
if (dataSet && dataSet.length > 0) {
var plot = new PIXI.Graphics();
plot.setTransform(columnSize, (renderer.view.height - rowSize) + (Val_min * yScale), 1, -1 * yScale);
plot.lineStyle(0.6, chartProperty.lineColor, 1);
plot.moveTo(0, dataSet[0].close);
for (i = 1; i < dataSet.length; i++) {
try {
plot.lineTo(i * xScale, dataSet[i].close);
} catch (x) {
console.error("Error - " + x);
}
}
plot.endFill();
context.addChild(plot);
}
结果:
在这种情况下,xScale为0.006475032375161876,使用画布渲染可以得到正确的结果。
尝试搜索问题,我发现Pixi.js可能存在非整数值的问题。因此,我将值舍入为整数,但问题并未解决。请支持解决此问题。