2

d3-cloud を使用してワード クラウドを生成し、バックボーン ビューを備えた Rails アプリで以下のように使用しようと計画しています。私はd3とバックボーンの初心者で、質問がばかげている場合はご容赦ください。

https://github.com/jasondavies/d3-cloud/blob/master/examples/simple.htmlから

このエラーが発生し続けます Uncaught TypeError: Object render has no method 'apply'

私のApiは以下のように結果を返します。

[{"text":"Timmy Doe","size":100},{"text":"John Doe","size":50}]

class Mongoauth.Views.TagCloud extends Backbone.View
  id = 0
  defaults: {
    w: 1,
    h: 5
  }
  initialize:->
      _.bindAll(this,"render");
      @collection.bind("reset",this.render);
      @collection.bind("change", this.render);
      this.chart = d3.layout.cloud().size([300, 300]).words(@collection.models).padding(5).rotate(->
                      ~~(Math.random() * 2) * 90
                    ).font("Impact").fontSize((d) ->
                      d.size
                    ).on("end", "render").start()
      # this.chart = d3.select(this.el).append('svg').attr("width", 300)
      #       .attr("height", 200) 
      #       .attr("viewBox","0 0 100 100");
      console.log(@collection)

  render: ->
      d3.select(this.el).append("svg").attr("width", 300).attr("height", 300).append("g").attr("transform", "translate(150,150)").selectAll("text").data(this.collection.models).enter().append("text").style("font-size", (d) ->
        d.size + "px"
      ).style("font-family", "Impact").style("fill", (d, i) ->
        d3.scale.category20() i
      ).attr("text-anchor", "middle").attr("transform", (d) ->
        "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")"
      ).text (d) ->
        d.text
      this
4

1 に答える 1

0

行のイベントリスナーとして文字列を渡しています.on("end", "render").start()。関数参照 ( などthis.render) である必要があります。

于 2013-09-07T06:33:10.727 に答える