如何在JSON中将趋势线添加到折线图高点



im目前正在努力创建一条趋势线到折线图。找到了一些旧的解决方案,但这些东西对我不起作用。

当前代码:

{
"key": "003",
"title": "Detections",
"type": "chart",
"chartData": {
"chart": {
"type": "line",
"renderTo": "container"
},
"title": {
"text": ""
},
"subtitle": {
"text": ""
},



"xAxis": {
"categories": ["Jan 7", "Jan 14", "Jan 21", "Jan 28",
"Feb 4","Feb 11","Feb 18","Feb 25",
"Mar 4","Mar 11","Mar 18","Mar 28",
"Apr 1","Apr 8","Apr 15","Apr 22","Apr 29",
"May 6","May 13","May 20","May 27"


]
},

"colors": [ "#f89c1b"],
"yAxis": {
"title": {
"text": "Number of Exits"
}
},
"plotOptions": {
"line": {
"dataLabels": {
"enabled": true
},
"enableMouseTracking": false
}
},
"series": [{
"name": "Week",
"data": [60,12,29,48,
24,31,15,37,
32,16,22,29,
21,13,9,14,15,
10,12,13,7]
}
]

},
"index": 2,
"defaultWidth": "100%"
}

当前图表:

在此处输入图像描述

如何将趋势线添加到此折线图中?是否有任何内置参数来添加趋势线?

首先,加载并初始化indicatorstrendline模块。然后添加新的趋势线系列。例如:

series: [{
id: "mainSeries",
name: "Week",
data: [...]
}, {
type: 'trendline',
linkedTo: "mainSeries"
}]

现场演示:https://codesandbox.io/s/highcharts-react-demo-fork-wubgnd?file=/demo.jsx

API参考:https://api.highcharts.com/highstock/series.trendline

最新更新