0

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

そのため、線シリーズは適切にスタイル設定されていますが、領域はそうではありません:| 何か案が？

4

1 に答える 1

0

私は実際にこれを試していませんが、あなたはほとんどそこにいるようです...

http://docs.sencha.com/touch-charts/1-0/#!/guide/touch_charts_styling（ "axis"-> "label"）にある例に基づいています

私は試してみます：

axis[position=bottom] {
      label {
          rotate: 0 0 45;
      }
  }
于 2011-12-14T16:54:06.690 に答える