하나의 위젯으로 인력거를 사용하는 데싱 문제

Question

현재 Rickshaw 위젯을 사용하여 대시에서 데이터 그래프를 내 그래프의 x 축에 추가하려고합니다.

는 기본적으로 나는 커피 스크립트 위젯

코드 커피 스크립트에서 (Rickshaw.coffee)

# Define elements for Rickshaw time 
time = new Rickshaw.Fixtures.Time 
months = time.unit('month') 
weeks = time.unit('week') 

if @get("weekly-view") 
    x_axis = new Rickshaw.Graph.Axis.Time(graph: graph, timeUnit: weeks) 

    y_axis = new Rickshaw.Graph.Axis.Y(graph: graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT) 


else if @get("monthly-view") 
    x_axis = new Rickshaw.Graph.Axis.Time(graph: graph, timeUnit: months) 

    y_axis = new Rickshaw.Graph.Axis.Y(graph: graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT) 

else 
    x_axis = new Rickshaw.Graph.Axis.X(graph: graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT) 

    y_axis = new Rickshaw.Graph.Axis.Y(graph: graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT) 

이 대시 보드 파일 관련에 if 문에 관한 대시 보드 파일에 데이터 통화를 만들려면 그 변경과 같이 호출 개정 문은 어떤 영향을 미칠 것 같지 않으면, 내가 시도한 활성화하기 위해 기본적으로

<li data-row="1" data-col="1" data-sizex="6" data-sizey="6"> 
     <div data-id="etvvrb" data-view="Rickshawgraph" data-weekly-view="true"></div> 
    </li>  

경우 @get ('var에') == 참 또는 유사한 시도.

도움이 될 것입니다.

매트

Answer 1

는 균열 관리 :

# Define elements for Rickshaw time 
time = new Rickshaw.Fixtures.Time 
months = time.unit('month') 
weeks = time.unit('week') 

y_axis = new Rickshaw.Graph.Axis.Y(graph: graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT) 

switch @get('xAxis') 
    when "weekly" 
    x_axis = new Rickshaw.Graph.Axis.Time(graph: graph, timeUnit: weeks) 

    when "monthly" 
    x_axis = new Rickshaw.Graph.Axis.Time(graph: graph, timeUnit: months) 

    else 
    x_axis = new Rickshaw.Graph.Axis.X(graph: graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT) 

: 그리고

<li data-row="1" data-col="1" data-sizex="6" data-sizey="6"> 
    <div data-id="etvvrb" data-view="Rickshawgraph" data-title="Weekly ETV reach" data-moreinfo="Week commencing" style="background-color:#336699" data-color-scheme="rainbow" data-renderer="line" data-x-axis="weekly"></div> 
</li> 

기본적으로는, '데이터 X 축'파라미터 @get로 전달 될 필요가 (' xAxis '). 그러면 스위치 요소에서 원하는대로 자유롭게 할 수 있습니다.