2015-05-29 76 views
1

我一直在尋找解決方案,但沒有運氣。我無法擺脫這個錯誤,但我見過的流星中的D3的每個例子都有。d3js和流星的過境/持續時間錯誤

陣列獲取傳遞到D3:

  • {類別名稱: 「射手」,數: 「19」}
  • {類別名稱: 「行動」, 計數: 「23」}
  • 在控制檯中遇到

錯誤:

  • 「類型錯誤:slice.transition是不是一個函數」
  • 「類型錯誤:slice.duration是不是一個函數」

指南我一直在關注: http://bl.ocks.org/dbuezas/9306799

代碼: https://gist.github.com/mayvn10/83d062eb7fd257b07c33

如果任何人都可以闡明爲什麼過渡和持續時間不起作用,我全都是耳朵!

謝謝!

+0

如何將d3庫加載到項目中? – Akshat

回答

1

移動的進入這樣的...

var slice = svg.select(".slices") 
        .selectAll("path") 
        .data(pie(resultArray), function(d) { return d.data.categoryName; }); 

     slice.enter() 
      .append("path") 
      .attr("class", "slice") 
      .attr("d", arc) 
      .attr("fill", function(d) { 
       return color(d.data.categoryName); 
      }); 

enter對象具有精簡的功能,它沒有一個.transition屬性的例子。 .data()返回的對象是一個正常的選擇對象,並且包含所有的方法,包括轉換。

+0

工作,謝謝! 你能解釋爲什麼輸入必須以這種方式移動嗎? – mayvn

+0

Cool Blue,現在它正在工作,標籤之間的距離太近。 對於如何向標籤添加頂部和底部填充,您是否有一個很好的方法? 我試過.style(「padding」,「5px 0」);但即使添加了內聯風格,它仍然無法正常工作。 – mayvn