Javascript 胜利图表图例自定义图标

我想为胜利传奇添加自定义图标类型。我希望显示一条线（最终是一个完全自定义的图标，可以是SVG或PNG），而不是正方形或圆形。如果有人知道如何做到这一点，我将感谢任何帮助

<VictoryLegend x={825} y={0}
  orientation="vertical"
  gutter={10}
  style={{ border: { stroke: "black" }, title: {fontSize: 20} }}
  style={{ title: {fontSize: 10 } }}
  data={[
    { name: "Square", symbol: { fill: "black", type: "square" } },
    { name: "Line", symbol: { fill: "blue", type: "line" }},
  ]}
/>

---

必须在VictoryLegend组件中添加此参数

dataComponent={<MyLine />}

dataComponent={}

在像这样的初始组件之后

class MyLine extends React.Component {
  render() {
    const {x, y, datum} = this.props; // VictoryScatter supplies x, y and datum
    const line = datum.name === "Square" ? <line x1={x-5} y1={y} x2={x+5} y2={y} style={{stroke: '#fff', strokeWidth: 1, opacity: 1, fill: "none"}} /> : <line x1={x-5} y1={y} x2={x+5} y2={y} style={{stroke: '#fff', strokeWidth: 1, opacity: 1, fill: "none", strokeDasharray: 1}} />;
    return line;
  }
}

类MyLine扩展React.Component{
render（）{
const{x，y，datum}=this.props；//VictoryScatter提供x，y和datum
常数线=基准面。名称==“正方形”？：；
回流线；
}
}