rickshaw - Uncaught Rickshaw.Graph 需要对元素的引用

Question

需要一些帮助来解决这个错误:

Uncaught Rickshaw.Graph needs a reference to an element
rickshaw.min.js:1 initialize
rickshaw.min.js:1 Rickshaw.Graph
rickshaw.min.js:1 loadChart
chart.js:23 (anonymous function)
stockDisplay.html:21 window.DoorLock.DoorLock._tryToFreeWaitList
onsenui.js:4123 window.DoorLock.DoorLock._unlock
onsenui.js:4118 unlock
onsenui.js:4100 (anonymous function)

这是 JS 函数:

函数加载图表(){

 var stockDataSeries = (function () {
     var stockDataSeries = null;
     $.ajax({
        'async': false,
        'global': false,
        'url': 'http://[host_name]/json/aa_historicalData.json',
        'dataType': "json",
        'success': function (data) {
        stockDataSeries = JSON.stringify(data);
        },
        'error': function(xhr, ajaxOptions, thrownError){
            alert(xhr.status);
            alert(thrownError);
        }
     });
     return stockDataSeries;
 })(); 

 var stockChart = new Rickshaw.Graph({
     element: document.querySelector('chart'),
     renderer: 'line',
     width: '345',

     series: [ { 
            color: 'steelblue',
            name: 'Price',  
            data: stockDataSeries        
                } ]
 });

 var x_axis = new Rickshaw.Graph.Axis.X( { 
     graph: stockChart 
 } );

 var y_axis = new Rickshaw.Graph.Axis.Y( {
     graph: stockChart,
     orientation: 'left',
     tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
     element: document.getElementById('y_axis')
 } );

 var detail = new Rickshaw.Graph.HoverDetail({
        graph: stockChart
 });

 graph.render();    

Answer 1

尝试使用 document.getElementById('chart') 而不是使用 document.querySelector('chart')。我相信您的错误是由于返回的 querySelector 没有元素造成的。