我如何能够像胜利中的附庸一样推动传奇?

时间:2017-11-15 02:57:11

标签: reactjs d3.js victory-charts

enter image description here

我使用胜利来创建图表,但VictoryLegend并没有提供这样的传奇。是否有可以直接使用的现有反应Legend组件?感谢。

1 个答案:

答案 0 :(得分:2)

从简短的文档看,胜利确实提供了传说,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

  

你可以选择“圆圈”,“钻石”,“加号”,“方形”,“明星”,   “triangleDown”,“triangleUp”