时间戳

首页 > 解决方案 > Techanjs 在更新图表时缩放冻结

d3.js - Techanjs 在更新图表时缩放冻结

问题描述

我正在使用 Techanjs 创建更新烛台图表，我所指的示例是 => http://bl.ocks.org/andredumas/95f1f22130fb1a3a8181 此示例不支持缩放，因此来自另一个示例 => http://bl。 ocks.org/andredumas/a48008ea8e2c832144db我复制了缩放代码。

我的图表现在正在缩放，但现在我面临的问题是当新蜡烛添加到图表中时，缩放重置为原始缩放级别。当前代码

function zoomed() {
var rescaledY = d3.event.transform.rescaleY(y);
yAxis.scale(rescaledY);
candlestick.yScale(rescaledY);

我试过的代码：

function zoomed() {
let t = d3.zoomTransform( svg.node());
var rescaledY = t.rescaleY(y);
yAxis.scale(rescaledY);
candlestick.yScale(rescaledY);


下面的行出现在我正在阅读 json 的地方

zoomableInit = x.zoomable().clamp(false).copy();

为了冻结缩放，我尝试修改 rescaleY 和 rescaleX 函数，但并没有真正理解所需的更改。请建议。

标签： d3.jstechan.js

解决方案

推荐阅读