javascript - Vue.js 兼容 JS 图表，用于指示高低范围之间的值

Question

我想要一个指示上限和下限之间的值的 javascript 图表。现实世界的用法是指示股票在 52 周高低范围之间的当前价格。它还需要与 Vue.js 兼容。我附上了下面的图片作为示例：

标签： javascriptreactjsvue.jschartshighcharts

Answer 1

From Highcharts site - you can render just a colorAxis, hide the rest of the chart and trigger the hover state on point programmatically to display the indicator on the colorAxis.

Demo: https://jsfiddle.net/BlackLabel/60a4rux7/

API: https://api.highcharts.com/highcharts/chart.events.load