2012-02-02 10 views
0

私は、異なる線グラフを含むモバイルアプリケーションで作業しています。私はグラデーションカラーをライン(単一)チャートの塗りつぶしカラーに適用しようとしていました。しかし、残念ながら私はできませんでした。senchaタッチチャート:線の塗りつぶしにグラデーションカラーを適用する

ラインフィルカラーにカラーグラデーションを適用することはできますか?助けてください。

+0

同じ質問を。 http://www.sencha.com/forum/showthread.php?158858-塗布 - 勾配 - 行 - チャート - 塗りつぶし色。ミッチェルはCSSでこれを試してみましたか? – adis

+3

どこでCSSを試してみたのですか? – Nag

答えて

0

は、この記事をチェックアウト:SASSとhttp://www.sencha.com/learn/learning-sencha-touch-charts/

サンプルスタイリングを:

chart { 
    colors: linear-gradient(45, rgb(212, 40, 40), rgb(117, 14, 14)) 
      linear-gradient(45, rgb(180, 216, 42), rgb(94, 114, 13)) 
      linear-gradient(45, rgb(43, 221, 115), rgb(14, 117, 56)) 
      linear-gradient(45, rgb(45, 117, 226), rgb(14, 56, 117)) 
      linear-gradient(45, rgb(187, 45, 222), rgb(85, 10, 103)); 

    background: linear-gradient(45, #444, #111); 

    series { 
    stroke-width: 2; 

    &:nth-child(1) { 
     fill: linear-gradient(0, rgb(212, 40, 40), rgb(117, 14, 14)); 
    } 
    &:nth-child(2) { 
     fill: linear-gradient(0, rgb(180, 216, 42), rgb(94, 114, 13)); 
    } 
    &:nth-child(3) { 
     fill: linear-gradient(0, rgb(43, 221, 115), rgb(14, 117, 56)); 
    } 
    &:nth-child(4) { 
     fill: linear-gradient(0, rgb(45, 117, 226), rgb(14, 56, 117)); 
    } 
    &:nth-child(5) { 
     fill: linear-gradient(0, rgb(187, 45, 222), rgb(85, 10, 103)); 
    } 
    } 

    axis { 
    stroke: #555; 
    fill: #555; 

    label { 
     fill: #eee; 
    } 

    title { 
     fill: #eee; 
    } 
    } 
} 

はまた、これはポストザ・アーリーズ注意:煎茶のフォーラム上としてSencha Touch Charts style

関連する問題