Как я могу воспрепятствовать легенде, как прикрепленный в победе?

Question

Я использую победу для создания диаграмм, но VictoryLegend не предоставляет такую ​​легенду. Есть ли какой-нибудь существующий компонент 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"