Sencha touch Sencha触摸图风格

Sencha touch Sencha触摸图风格,sencha-touch,extjs,sencha-touch-theming,Sencha Touch,Extjs,Sencha Touch Theming,我在玩Sencha触摸图。我让他们工作,互动,动画,一切都很好。我甚至设计了一堆 但是当我开始设计一系列类型区域的样式时。。这根本不需要时间 new Ext.chart.Chart({ theme: 'MyTheme', cls: 'myClass', legend: { ... }, interactions: [{ ... }], store: app.stores.MyStore, axes: [...], series: [{

我在玩Sencha触摸图。我让他们工作,互动,动画,一切都很好。我甚至设计了一堆

但是当我开始设计一系列类型区域的样式时。。这根本不需要时间

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

因此,line系列的样式很好,但区域却不是:|有什么想法吗?

我实际上没有尝试过这个,但看起来你就快到了

基于(在“轴”->“标签”处)找到的示例

我会尝试:

axis[position=bottom] {
      label {
          rotate: 0 0 45;
      }
  }
我的问题是--&[type=area]{fill:#FFA500;}--旋转效果很好!