如何在折线图Highcharts Reactjs系列中使用一个名称获得2个数据点

问题描述 投票:0回答:1

我想要带有Highcharts enter image description here的以下输出

我想要一个下拉选择器,该选择器将具有数据库中的值,并以最新条目开头。还有一个带有2个数据的系列选择器

series:{
   name: "Xyz",
   data1: [],
   data2: []
}

数据是动态的,并且为JSON格式。并希望通过保留一个为真而其他为假来更改系列的可见性。有人可以帮我获取上面的图像作为输出吗?谢谢:)

reactjs highcharts
1个回答
0
投票

感谢您提供更多详细信息。您将使用linkedTo功能满足您的要求。

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

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}, {
        linkedTo: ':previous',
    data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
}]

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

© www.soinside.com 2019 - 2024. All rights reserved.