reactjs - 如何更改 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