2011-12-14 2 views
0

나는 Sencha Touch Charts로 노는 중입니다. 상호 작용, 애니메이션 등 모두 잘 작동합니다. 나는 심지어 그 (것)들의 송이를 유행에 따라 디자인했다.Sencha Touch 차트 스타일

그러나 내가 타입 지역의 일련의 스타일을 알아 들었을 때. .. 그것은 단지 가져 가지 않을 것이다.

new Ext.chart.Chart({ 
    theme: 'MyTheme', 
    cls: 'myClass', 
    legend: { ... }, 
    interactions: [{ ... }], 
    store: app.stores.MyStore, 

    axes: [...], 

    series: [{ type: 'area', axis: 'left', xField: 'Date', yField: 'someField' }, 
      { type: 'line', axis: 'right', xField: 'Date', yField: 'someField2' } 
    ] 
}) 

와 스타일 때문에 라인 시리즈는 잘 스타일입니다

chart[cls=myClass] { 

series { 
     &[type=area] { 
      fill: #FFA500; 
     } 

     &[type=line] { 
      stroke: #008000; 
     fill: #008000; 
     marker { 
      stroke: #008000; 
      fill: #008000; 
     } 
     } 
    } 
} 

하지만,이 지역은되지 않습니다 : | 어떤 생각?

답변

0

실제로이 시도하지했지만 당신은 거의 다 것 같습니다 ... ("축"에서 -> "상표") http://docs.sencha.com/touch-charts/1-0/#!/guide/touch_charts_styling에서 발견 된 예를 바탕으로

I 시도해보십시오 :

axis[position=bottom] { 
     label { 
      rotate: 0 0 45; 
     } 
    } 
+0

내 문제는 --- & [type = area] {fill : # FFA500;}입니다. 회전이 제대로 작동합니다. – Michael