Reactjs 使用recharts或highcharts的堆叠条形图中条形内的垂直线

Reactjs 使用recharts或highcharts的堆叠条形图中条形内的垂直线,reactjs,highcharts,recharts,Reactjs,Highcharts,Recharts,如何添加与第一个栏中类似的行。它将以百分比为基础,即钢筋的全宽为100%。任何线索都会有帮助。我目前的图表是基于 我可以切换到highcharts,如果可以的话 您可以使用Highcharts库轻松绘制这些线 要做到这一点,您需要将这些线定义为一个新的系列,其中您需要定义x和y值以适应图表上的线 演示: API:谢谢。线总是在杆的中间。可以根据百分比值吗?您可以设置十进制值来操纵行位置。演示:明白了。谢谢基本上,指数的-0.25至+0.25为0%至100% series: [{ name

如何添加与第一个栏中类似的行。它将以百分比为基础,即钢筋的全宽为100%。任何线索都会有帮助。我目前的图表是基于 我可以切换到highcharts,如果可以的话


您可以使用Highcharts库轻松绘制这些线

要做到这一点,您需要将这些线定义为一个新的系列,其中您需要定义x和y值以适应图表上的线

演示:


API:

谢谢。线总是在杆的中间。可以根据百分比值吗?您可以设置十进制值来操纵行位置。演示:明白了。谢谢基本上,指数的-0.25至+0.25为0%至100%
series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2]
}, {
    name: 'Jane',
    data: [2, 2, 3, 2, 1]
}, {
    name: 'Joe',
    data: [3, 4, 4, 2, 5]
}, {
        type: 'line',
    enableMouseTracking: false,
    data: [{x:0, y: 3}, {x: 0, y: 5}]
}]