2013-08-30 5 views
0

내 차트에 x 축과 y 축을 표시하려고합니다. 데이터에 JSON을 사용하고 있습니다.인력거 차트에 축을 표시 할 수 없습니다.

이 내 다음 코드는 다음과 같습니다

new Rickshaw.Graph.Ajax({ 

    element: document.getElementById("chart"), 
    width: 580, 
    height: 300, 
    renderer: 'line', 
    dataURL: 'dataoutevo.json', 
    onData: function(d) { 
    return d }, 
    onComplete: function(transport) { 
    var graph = transport.graph; 
    var hoverDetail = new Rickshaw.Graph.HoverDetail({ 
     graph: graph 
    }); 

    var shelving = new Rickshaw.Graph.Behavior.Series.Toggle({ 
     graph: graph, 
     legend: legend 
    }); 
    }, 
    series: [ 
    { 
     name: 'ligne1', 
     color: '#c05020', 
    }, { 
     name: 'ligne2', 
     color: '#30c020', 
    }, { 
     name: 'ligne3', 
     color: '#6060c0' 
    }, { 
     name: 'ligne4', 
     color: 'red' 
    } 
    ], 
    onComplete: function() { 
    var x_axis = new Rickshaw.Graph.Axis.Time({ 
     graph: graph 
    }); 
    x_axis.graph.update(); 
    } 
} 

); 

누구든지 나를 도울 방법을 수행하는 방법을 말해 줄래? 나는 Rickshaw.Graph.Axis.X-Rickshaw.Graph.Axis.Time이 매우 비슷한 상황에서 나를 위해 일한 X 축과 Y datas (없는 단어)로 번호 변경

답변

2
new Rickshaw.Graph.Ajax({ 
    element: document.getElementById("chart"), 
    width: 580, 
    height: 300, 
    renderer: 'line', 
    dataURL: 'dataoutevo.json', 
    onData: function(d) { d[0].data[0].y = 80; return d }, 
    onComplete: function(transport) { 
     // important . do not forget 
     var graph = transport.graph; 

     var detail = new Rickshaw.Graph.HoverDetail({ graph: graph }); 
     var legend = new Rickshaw.Graph.Legend({graph: graph,element: document.querySelector('#legend')}); 

     var xAxis = new Rickshaw.Graph.Axis.Time({graph: graph}); 
     xAxis.render(); 

     var yAxis = new Rickshaw.Graph.Axis.Y({graph: graph}); 
     yAxis.render(); 

     var shelving = new Rickshaw.Graph.Behavior.Series.Toggle({ 
     graph: graph, 
     legend: legend 
     }); 

     var highlighter = new Rickshaw.Graph.Behavior.Series.Highlight({ 
     graph: graph, 
     legend: legend 
     }); 
     var order = new Rickshaw.Graph.Behavior.Series.Order({ 
     graph: graph, 
     legend: legend 
     }); 
    }, 
    series: [ 
    { 
     name: 'ligne1', 
     color: '#c05020', 
    }, { 
     name: 'ligne2', 
     color: '#30c020', 
    }, { 
     name: 'ligne3', 
     color: '#6060c0' 
    }, { 
     name: 'ligne4', 
     color: 'red' 
    } 
    ], 
}); 
+0

web2py에서 인력거 그래프를 만드는 방법 – pramod24

0

있습니다. BTW 예제 코드는 onComplete의 두 가지 정의를 보여줍니다.

+0

x와 y가 큰 따옴표로 묶인 JSON을 구현하는 방법은 무엇입니까? – Siddharth

관련 문제