reactjs - 我怎样才能实现像胜利中所附的传奇？

Question

我正在使用胜利来创建图表，但 VictoryLegend 没有提供这种传奇。有没有现成的可以直接使用的 react Legend 组件？

Answer 1

从简要看一下文档，看起来胜利确实提供了传说，在这里阅读更多

这是他们文档中的一个简单实现：

<VictoryLegend x={125} y={50}
  title="Legend"
  centerTitle
  orientation="vertical"
  gutter={20}
  style={{ border: { stroke: "black" }, title: {fontSize: 20 } }}
  data={[
    { name: "One", symbol: { fill: "tomato", type: "square" } },
    { name: "Two", symbol: { fill: "orange", type: "square" } },
    { name: "Three", symbol: { fill: "gold", type: "square" } }
  ]}
/>

要创建方形点，请指定“方形”类型，此处列出了其他选项。

您可以选择“圆形”、“菱形”、“加号”、“方形”、“星形”、“triangleDown”、“triangleUp”