使用主干和导轨加载 highcharts 时遇到一些问题

Question

我正在处理几个文件，试图加载一个高图。我怀疑时间有问题，但我无法指出问题所在。该图表有时会加载，但有时不会加载，我收到错误消息：Uncaught TypeError: Object [object Object] has no method 'highcharts' 有什么想法吗？

这是我的主干观点：

namespace "happiness_kpi", (exports) ->
  exports.chartView = Backbone.View.extend

    template: HandlebarsTemplates['templates/chart']

    el: '#lineChart'

    initialize: ->
      $.getScript "http://code.highcharts.com/stock/highstock.js", success: @buildChart()

    render: ->
      @$el.html HandlebarsTemplates.chart()

    buildChart: ->
      $.getScript "build_chart.coffee", success: @render()

这是我构建图表的 js 文件：

$ ->
  $.getJSON "http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-  c.json&callback=?", (data) ->

    # Create the chart
    $('#lineChart').highcharts "StockChart",
      rangeSelector:
        selected: 1

      title:
        text: "Just Checking"

      series: [
        name: "Oakland University"
        data: data
        tooltip:
          valueDecimals: 2
      ]

我最初在 hamlbars 模板中加载了脚本，但我尝试以不同的方式进行。无论我尝试过哪种方式，我都没有运气。

Answer 1

我不确定这是否是您的问题，但这是：

$.getScript ..., success: @buildChart()

没有做你认为它做的事。这将在构建$.getScript 的参数列表时调用@buildChart，并且$.getScript 将看到@buildChart 返回的任何success 选项的值。对于buildChart 中的$.getScript 调用也是如此。

此外，$.getScript 不像 $.ajax 那样从选项对象中获取成功回调，$.getScript 只是希望第二个参数是函数：

jQuery.getScript( url [, success(script, textStatus, jqXHR) ] )

说明：使用 GET HTTP 请求从服务器加载一个 JavaScript 文件，然后执行它。

你可能想说：

initialize: ->
  $.getScript "http://code.highcharts.com/stock/highstock.js", @buildChart

render: =>
  @$el.html HandlebarsTemplates.chart()

buildChart: =>
  $.getScript "build_chart.coffee", @render

success 选项值的函数上没有括号，您想传递函数，而不是调用它们。我还使用=> 将render 和buildChart 切换到绑定函数，以便在$.getScript 调用它们时它们得到正确的this。