2012-02-02 54 views
0

我正在研究包含不同折線圖的移動應用程序。我一直在嘗試將漸變顏色應用於一行(單個)圖表填充顏色。但不幸的是我不能。sencha觸摸圖:將漸變色應用於線填充

是否可以將顏色漸變應用於線條填充顏色?請幫忙。

+0

同樣的問題上煎茶論壇; http://www.sencha.com/forum/showthread.php?158858-Applying-gradients-to-line-chart-fill-color。 Mitchell告訴你用CSS試試這個? – adis 2012-02-21 10:14:05

+3

在哪裏嘗試在CSS我試了很多,但沒有通過........... :( – Nag 2012-02-21 11:07:10

回答

0

看看這篇文章: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; 
    } 
    } 
} 

還應注意這個earlies帖子:Sencha Touch Charts style