我有一个使用react-native-svg-charts
的折线图,我想在该行的末尾包含一个40px x 40px的PNG图片。这是我当前的代码:
<View style={styles.chartContainer}>
<LineChart
data={chartData}
style={{ height: 100 }}
svg={{ strokeWidth: 5,stroke: 'url(#gradient)' }}
curve={shape.curveNatural}
yMin={0}
yMax={15}
xMax={chartData.length + 1}
contentInset={{ top: 30,bottom: 0,left: 50 }}>
<Gradient />
</LineChart>
<View style={styles.chartFloor}></View>
</View>
它看起来像这样:
我需要让它看起来像这样:
我可以使用图表数据中的值来计算绝对位置,然后仅使用常规图像,但是使用SVG可能有一种更简单的方法。
出于记录目的,PNG图标也可以是SVG(我在SVG中也有它)。