我怎样才能实现胜利中附属的传奇？

Question

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

Answer 1

从简短的文档来看，胜利似乎确实提供了传说，read more here

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

<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" } }
  ]}
/>

要创建方形点，请指定类型 "square"，其他选项为 listed here。

You can choose "circle", "diamond", "plus", "square", "star", "triangleDown", "triangleUp"

我怎样才能实现胜利中附属的传奇？

How can I implement a legend like the attached in victory?

d3.js

reactjs

victory-charts