sencha 터치 차트 : 선 채우기에 그라디언트 색상 적용

Question

다른 선형 차트가 포함 된 모바일 응용 프로그램에서 작업 중입니다. 나는 그라디언트 색상을 라인 (단일) 차트 채우기 색상에 적용하려고 시도해 왔습니다. 그러나 불행히도 나는 할 수 없었다.

선 채우기 색상에 그라디언트를 적용 할 수 있습니까? 도와주세요. 이 문서 밖으로

Answer 1

확인 : 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; 
    } 
    } 
} 

는 또한이주의는 포스트 earlies : Sencha Touch Charts style

엽차 포럼으로