我正在使用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
更新已经绘制的节点样式的最简单方法是什么?在这种情况下,布局是创建的,所有的链接,节点-完美。然后将数组传递给指令,如果节点名在该数组中,我希望更改它的颜色。
示例:
var names = ["tom","john"]; // this data comes in...
d3.select("node").select("circle").style("fill", function (d) {
// I check if the node
我有一个d3js SVG绘图,如下所示:
D是一个数组,它包含以下条目:
var d=[{"x":370,"y":40,"label":"Label 1"},
{"x":370,"y":150,"label":"Label 2"} ];
d3的代码如下所示
// here el is my HTML element and width/height are sizes
var svg=d3.select(el).append
我使用svg创建了一个d3js图形。我有一个场景,可以在弹出窗口上单击显示相同的图形,因此我将与现有div元素的click上的另一个svg元素进行复制。
它起作用了。但结果是错误的。追加的新svg是预挂的,是第一个元素,而不是最后一个元素。
在我的第一个元素中,我的不透明度是0.5' in the duplicated element i have the的不透明度:1,并且颜色改变为“蓝色”,但是它的工作方式不正确。这是我的代码:
var w = 100;
var h = 100;
var padding = 5;
var svg = d3.select('#svg1
我有一个和D3js 一起工作的。
我希望能够将它保存为与中显示的目录相同的图像
d3.select('#saveButton').on('click', function(){
var svgString = getSVGString(svg.node());
svgString2Image( svgString, 2*width, 2*height, 'png', save ); // passes Blob and filesize String to the callback
function save( data
我正在尝试在d3.js上开发一个时间表。正如您将在下图中看到的,我不能将三角形定位在与y轴值相同的方向上。里程碑位于相关y轴组件的中间。
yaxis初始化代码片段:
var x = d3.time.scale().rangeRound([0, self.config.width]);
var y = d3.scale.ordinal().rangeRoundBands([self.config.height, 0]);
var xAxis = d3.svg.axis().scale(x).orient("bottom").tickSubdivide(4
我有一个词云,可以过滤日期范围和感情。有时会有更多的数据,有时会更少。当我删除数据时,更新dom,然后添加被删除的元素不会返回的数据。使用d3js版本3.4.13
var width = 600, height = 200;
var words = ["Hello", "world", "Wonderful"];
//inserting text
var wcwords = d3.select("#wordcloud")
.attr("width", width)