сенсорная диаграмма sencha: применение цвета градиента к заливке линии - PullRequest
Новая
       28

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

0 голосов
/ 02 февраля 2012

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

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

1 Ответ

0 голосов
/ 21 февраля 2012

Проверьте эту статью: 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

...