VictoryLine应用LinearGradient

时间:2018-03-25 06:56:24

标签: reactjs react-native victory-charts

我使用Victory React Native库和折线图,但是我无法将LinearGradient添加到Path的笔划。

有人可以帮助我吗?

<Svg style={styles.container}>
  <Defs>
        <LinearGradient id="linear" x1="0%" y1="0%" x2="0%" y2="100%">
          <Stop offset="0%"   stopColor="green"/>
          <Stop offset="100%" stopColor="red"/>
        </LinearGradient>
      </Defs>
      <VictoryLine
        animate={{
          onLoad: { duration: 3000 }
        }}
        height={200}
        width={500}
        style={{
          data: {
            stroke: 'purple',
            strokeWidth: 3
          }
        }}
        interpolation="natural"
        data={sampleData}
      />
    </Svg>

1 个答案:

答案 0 :(得分:0)

stroke: 'url(#linear)'

应该可以的