Sencha Touch Chartsスタイル

Question

私はSencha Touch Chartsで遊んでいます。私は彼らが働いている、インタラクション、アニメーションすべてが良いです。私はそれらの束をスタイリングしました。

しかし、私はタイプの領域のシリーズをスタイリングしたとき。それはちょうどかかりません。

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; 
     } 
     } 
    } 
} 

が、面積ではありません。|何か案が？

Answer 1

私は実際にこれを試していませんでしたが、あなたはほとんどそこにいるように見える...（「軸」で - >「ラベル」）http://docs.sencha.com/touch-charts/1-0/#!/guide/touch_charts_stylingで発見例に基づいて

I試してみてください：

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