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

Я работаю над мобильным приложением, которое содержит различные линейные диаграммы. Я пытался применить цвета градиента к цвету заливки линейного (одного) графика. Но к сожалению не смог.

Можно ли применить цветовые градиенты к цвету заливки линии? Пожалуйста помоги.


sencha-touch sencha-charts sencha-touch-2
person Nag    schedule 02.02.2012    source источник
comment
Тот же вопрос, что и на форуме сенчи; 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