如何更改VictoryTooltip的fontStyle和边框颜色

Question

如何在VictoryTooltip组件中更改以下内容： - 字体样式 -工具提示的边框颜色 -在工具提示文字周围填充

Answer 1

下面是一个自定义工具提示的示例：

• 自定义字体大小；
• 自定义边框半径；
• 禁用默认箭头；
• 自定义边框和背景。

请注意，设置VictoryChart元素的样式通常需要使用svg样式选项，而不是CSS（即fill而不是background-color）。

<VictoryTooltip
  style={{fontSize: '25px'}}
  cornerRadius={20}
  pointerLength={0}
  flyoutStyle={{
    stroke: "tomato",
    strokeWidth: 4,
    fill: "yellow",
  }}
/>

实际示例：https://codesandbox.io/s/victory-tooltip-styling-e985k