Sencha touch sencha触摸图:将渐变颜色应用于线条填充

Sencha touch sencha触摸图:将渐变颜色应用于线条填充,sencha-touch,sencha-touch-2,sencha-charts,Sencha Touch,Sencha Touch 2,Sencha 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))

我正在开发一个包含不同折线图的移动应用程序。我一直在尝试将渐变颜色应用于线条(单个)图表填充颜色。但不幸的是,我不能

是否可以将颜色渐变应用于线条填充颜色?请提供帮助。

查看本文:

使用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论坛上的问题相同。Mitchell让你用CSS试试这个?!在哪里尝试css我尝试了很多,但没有通过(