我正在尝试使用 d3fc-label-layout 为 UK map 添加缩放。 但是当我放大标签时,标签会发生变化。 据我了解,每次调用缩放时我都必须使用 d3fc-label-layout 重新计算位置,但不知道如何执行此操作这是一个小提琴https://jsfiddle.net/bender ...
我正在尝试使用 d3fc-label-layout 为 UK map 添加缩放。 但是当我放大标签时,标签会发生变化。 据我了解,每次调用缩放时我都必须使用 d3fc-label-layout 重新计算位置,但不知道如何执行此操作这是一个小提琴https://jsfiddle.net/bender ...
创建了一个我需要的简化示例。 该系列共有 50 件商品。 每个项目都有一个由五个+符号组成的垂直列表。 const data = [...Array(50).keys()]; const container = document.querySelector('d3fc-canvas' ...
试图改编这个例子。 略有不同:我有更多的 WebGL 数据,因此根本不想将其传递给 SVG 渲染器。 SVG 渲染器应该只获得一个数据点,但随着用户移动鼠标,这个数据点会不断变化。 是否有可能有一个开关 function 基本上充当一个连接点,并将两个完全不同的 arrays 传递给同一个 plo ...
让我们以这个例子为例。 https://d3fc.io/examples/series-canvas-candlestick/ 它将 X 刻度定义为时间刻度。 为了防止在我的缩放处理程序中进行多次刻度到日期转换,我想始终使用数字,但保持 UI 将这些数字显示为日期。 所以,我将上面的代码更 ...
我正在尝试将这两个图表结合起来。 烛台https://d3fc.io/examples/series-canvas-candlestick/ 画布大小调整https://observablehq.com/@d3/zoom-canvas-rescaled?collection=@d3/d3- ...
我从 d3fc github 回购中关注这个例子: https://github.com/d3fc/d3fc/blob/master/examples/series-webgl-candlestick/index.js 我的理解是默认带宽是 5px,上面的示例并没有覆盖该设置。 如果我将上面代码的 ...
我有以下 d3/d3fc 图表 https://codepen.io/parliament718/pen/BaNQPXx 该图表具有主要区域的缩放行为和 y 轴的单独缩放行为。 y 轴可以拖动以重新缩放。 我无法解决的问题是,在拖动 y 轴重新缩放然后平移图表后,图表中有一个“跳跃”。 显然,这 ...
当用户沿轴拖动时,我试图实现重新缩放 d3fc 笛卡尔图表的效果。 https://codepen.io/parliament718/pen/BaNQPXx 这是在 d3v5 中,我正在使用 d3-zoom 使用d3.event.transform重新缩放轴。 但是,在 d3-drag 中没有d3 ...
我正在使用 d3 开发双向条形图。 我想在条形图中添加网格线,如何自定义这些网格线。 我已经使用d3fc来绘制网格线。 它看起来像 我的图表的结果是 我的图表应该是这样的 如何连接 x 轴上的边缘并突出显示如图所示的基轴? 感谢您对自定义网格线的任何帮助。 链接到我的示例链接 提前致谢! ...
我正在使用 d3fc+canvas 将烛台渲染到图表并根据它是向上还是向下的蜡烛来更改它们的填充颜色。 系列生成器看起来像这样 我现在正在尝试将其转换为 webGl 渲染(使用seriesWebglCandlestick ),但我不知道如何以相同的方式设置填充颜色。 如何将我的装饰功能转换为 ...
在以前版本的 d3fc 中,我的代码使用fc.util.seriesPointSnapXOnly捕捉十字准线。 这似乎在最新版本的 d3fc 中消失了(或者我可能在其中一个独立软件包中遗漏了它?)。 我正在使用画布实现( annotationCanvasCrosshair ),它似乎也缺少以前使用的 ...
我将 d3fc 与画布渲染一起使用,我可以像这样成功渲染三角形: 但是我想旋转一些三角形颠倒(内部装饰功能): 但这没有任何作用。 为什么? ...
我试图将d3fc图呈现到我的react.js元素中的svg节点并返回整个内容,但是当我在d3选择中调用.datum(my_data)时,它会崩溃。 我认为我特别缺少有关DOM或svg节点本质的一些基本知识 这是我尝试重新创建的图表教程(除了示例数据之外,我使用的是我自己的600个数组{' ...
很抱歉,这非常简单/基本,但是我对D3.js完全陌生,我只想加载此示例,以便尝试使用自己的数据对其进行修改。 我正在尝试从d3fc库复制以下图表: https ://bl.ocks.org/ColinEberhardt/3ce92a3eef9f97ab4700868896414679 ...
无法在ejs模板中访问我的JSON数据。 抛出未捕获的SyntaxError。 数据存储在MySQL JSON表中。 不确定为什么ejs模板无法解析数据。 如果我将相同的数据直接放在模板中(存根数据),图表就会显示出来。 获取未捕获的SyntaxError:意外的标识符错误 < ...
是否可以将 2 个不连续性提供者添加在一起? 像这样的东西: 我的计划是使用 .discontinuitySkipWeekends() 提供程序和范围来隐藏图表中的所有假期。 如果不是,我是否必须创建自己的提供程序? ...
如何在d3fc.js中向图表添加类? 我正在尝试向d3fc中的SVG元素添加一个简单的类。 我找到了使用内联css .style示例,但是我想添加一个类。 d3fc.js有可能吗? 我正在制作OHLC(烛台)图表。 我有一条线将成为移动平均线。 我希望那条线是特定的颜色。 我想 ...
我一直在尝试使用d3fc / d3.js创建带有多个中断的音阶。 例如,这就是我现在试图创建从0到100的比例,从10到20以及从50到80的比例的方式: 但是,这只会返回一个从50-80的中断的刻度,这意味着第一个中断(10-20)被覆盖。 有什么办法可以在同一规模上有多个休息时间 ...
如何使用烛台绘制多系列笛卡尔图表? 我目前有这个: http://blockbuilder.org/anonymous/af3258802b35d6dc327dc813eb4c32e0 “ 在第63行: 上面的方法有效,但以下方法无效: 我需要绘制带有网格线的蜡 ...
我正在尝试对散点图上的重叠标签进行操作,例如图片中的标签。 我正在使用d3fc ,它确实很好地放置了标签,但是,即使点数少(> 100),它也很慢,但实际要求通常是> 1000点。 最初需要花费很长时间来构建图表,并且几乎不可能进行缩放/填充。 d3fc我在做错什么吗? ...