向 VictoryStack 条形图添加工具提示或水平标记

问题描述

我创建了一个 VictoryStack 条形图，需要在图表上添加一个标记来指示用户的分数。这是当前代码：

<VictoryChart
    height={250}
    width={300}
    domainPadding={{x: [0,125],y: [0,-50]}}
    domain={{x: [0,1],100]}}
>
    <VictoryStack
    colorScale={["#ee418980","rgb(240,240,240)","#00a9af7e"]}
    style={{
        data: { width: 100 },labels: { padding: -33,fontSize: 12,fontFamily: "Arial,Helvetica,sans-serif" }
    }}
    labelComponent={
        <VictoryPortal>
            <VictoryLabel/>
        </VictoryPortal>
    }
    >
    <VictoryBar
        data={[{x: 1,y: 33,label: "disengaged"},]}
    />
    <VictoryBar
        data={[{x: 1,label: "normal"},label: "Engaged"},]}
    />

    </VictoryStack>
    <VictoryAxis
        crossAxis
        tickValues={[""]}
    />
</VictoryChart>

这是当前版本的样子：

我现在需要沿着条表示一个分数。我如何在栏上添加一条水平线或某种类型的标注来指示用户的分数，例如这个例子？

我找不到向 VictoryBar 上显示的现有标签添加另一个标签的方法。有没有更好的选择？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）