2015-11-10 2 views
0

Я вижу некоторое поведение в D3, которого я не ожидаю, и я не знаю, как обойти его. С помощью этого блока кода:. Функция call() передает функцию как аргумент вместо результата

node.append("text") 
    .attr("dy", ".3em") 
    .style("text-anchor", "middle") 
    .text(function (d) { return d.FSname; }) 
    .attr("radius", function (d) { return d.r;}) 
    .call(wrap, function(d) {return d.r;}) 
    //.call(wrap, 140) 
; 

Вот wrap() функция:

function wrap(text, width) { 
    //reflows text to be within a pixel width 
    console.log("hit wrap(",text,width,this,")"); 
    text.each(function() { 
     var text = d3.select(this), 
      words = text.text().split(/\s+/).reverse(), 
      word, 
      line = [], 
      lineNumber = 0, 
      lineHeight = 1.0, // ems 
      y = text.attr("y"), 
      dy = parseFloat(text.attr("dy")), 
      tspan = text.text(null).append("tspan").attr("x", 0).attr("y", y).attr("dy", dy + "em"); 
     while (word = words.pop()) { 
      line.push(word); 
      tspan.text(line.join(" ")); 
      if (tspan.node().getComputedTextLength() > width) { 
       if (line.length > 1) line.pop(); 
       tspan.text(line.join(" ")); 
       line = [word]; 
       tspan = text.append("tspan").attr("x", 0).attr("y", y).attr("dy", ++lineNumber * lineHeight + dy + "em").text(word); 
      } 
     } 
    }); 
} 

Я хочу передать радиус окружности на пузырьковой диаграмме в функцию обертки, но то, что я получаю в width аргумент - это сама функция, а не разрешенная d.r. Есть ли способ получить эту анонимную функцию для решения вопроса до передачи ее в .call()?

+0

'.call' используется для изменения' это 'of_function_, вы уверены, что не хотите просто вызывать? –

+0

что такое 'wrap'? – Grundy

+0

@PaulS. здесь _call_ может быть простой функцией из объекта, а не встроенной функцией _call_ – Grundy

ответ

2

Вы можете использовать .each() вместо .call():

node.append("text") 
    ... 
    .each(function(d) { wrap(d3.select(this), d.r); }); 

В качестве альтернативы, вы можете изменить определение wrap() применить функцию:

function wrap(text, widthFunc) { 
    // ... 
    text.each(function(d) { 
    var width = widthFunc(d); 
    // ... 
    }); 
} 
+0

Это сделало это!' Each () 'была функцией вызова. В примерах я вытащил эту функцию из используемого' call() ', но я предполагаю, что это было потому, что ширина была постоянной. Спасибо! –

+0

Функция' wrap() 'просто не предназначена для вызова с функция. Я бы склонялся к последнему подходу, фиксируя функцию так, чтобы ее можно было назвать так, как вы хотите ее назвать. –

0
.attr("radius", function (d) { return wrap.call(this, d.r) }); 

wrap В случае возвращает номер (или строка, представляющая число, потому что всегда делает d3 + значение) он будет работать нормально.

+0

Жаль, что я не был Чисто. Строка '.attr (« radius »....' работает так, как ожидалось, это функция 'call()', которая передает функцию в параметр 'width' вместо результирующего значения. –

Смежные вопросы