sencha Сензорна диаграма: Прилагане на градиентен цвят към запълване на линията

Работя върху мобилно приложение, което съдържа различни линейни диаграми. Опитвам се да приложа градиентни цветове към цвят на запълване на линейна (единична) диаграма. Но за съжаление не успях.

Възможно ли е да се приложат цветови градиенти към цвят за запълване на линия? Моля помогнете.


sencha-touch sencha-charts sencha-touch-2
person Nag    schedule 02.02.2012    source източник
comment
Същият въпрос като във форума на sencha; sencha.com/forum/. Мичъл ти каза да опиташ това с CSS?!   -  person adis    schedule 21.02.2012
comment
къде да опитам в css опитах много, но не успях........... :(   -  person Nag    schedule 21.02.2012

Отговори (1)


arrow_upward
0
arrow_downward

Вижте тази статия: http://www.sencha.com/learn/learning-sencha-touch-charts/

примерен стил със SASS:

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

person adis    schedule 21.02.2012