使用图表或高图的堆积条形图条形图内的垂直线

时间:2020-02-17 13:02:36

标签: reactjs highcharts recharts

如何在第一栏中添加一行。它将以百分比为基础,即条的全宽为100%。任何线索都会有所帮助。我当前的图表基于the code from this simple example 如果可以的话,我可以切换到高级图表。

Desired Chart

1 个答案:

答案 0 :(得分:1)

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

要执行此操作,您需要将这些线定义为新系列,在其中需要定义x和y值以适合图表上的线。

演示:https://jsfiddle.net/BlackLabel/v3gmph9w/

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}]
}]

API:https://api.highcharts.com/highcharts/series.line.data