我正在使用d3.js中的饼图。我希望有几个图表在同一时间工作,并能够选择一个或另一个由他们的类。这个想法是有一个主图表,通过点击不同的区域,新的图表应该出现显示子类别。下面这段代码让我很头疼:
// myPie has been deffined previously as --> var myPie = d3.layout.pie();
// dataPie is an array such as --> [2,3,1,2]
// level2 is just an array of arrays containing the su
我有一个用d3.js v4构建的分组列图。当用户单击单个图表时,其他图表将变得不可见,以突出显示单击的图表。现在我有一个可用性问题:当图表很短的时候,点击它有点太难了,所以我想检测一下图表上面所有部分的点击。
function onSelectSingleBarChart(d, i, j) {...
这是。
我正在尝试使用可重用的图表在一个svg容器中绘制多个小条形图。我为数组的每一行调用可重用图表。可重用图表绘制图表并将其转换到svg容器中的指定位置。问题是,每次调用可重用图表时,svg容器都会覆盖自身,因此只显示数组元素的最后一个实例。我认为这个svg选择位有一些问题,但不能修复它。
// If no SVG exists, create one - and add key groups:
if (!svg) {
svg = d3.select(this)
.append("svg")
我正在尝试创建一个具有多线性x轴的可缩放图表。如果我没有有多线轴,那么一切都会像预期的那样工作。然而,当使用多线轴时,摇摄(和缩放)是非常扭曲的。如果你拖曳图表到平移,你会看到点和x轴扭曲。该示例使用默认的D3js缩放行为。任何建议,以获得顺利的摇摄/缩放将不胜感激。
我使用转换来定位元素,因为我在指定cx和cy值时遇到了一些问题(特别是在向平移或缩放的图表中添加新数据时)。
以下是缩放功能:
var onZoom = function () {
if (d3.event.scale == 1) { //panning
} e
我正在创建一个水平的动画d3图表。如何反转x轴并以更动态的方式定位条。
条的宽度是否正确,或者X轴比例是否正确?使用d3版本4
//水平工作进行中
//垂直图表代码这是基于的
$(document).ready(function() {
var $this = $(".barchart");
var w = $this.data("width");
var h = $this.data("height");
var data = $this.data("data");
var data = [{