Javascript 搜索并放大散点图点（Highcharts，react.js）

我正在使用react.js中的highcharts库，它工作得很好。然而，我正在绘制约15000个分散点，在所有这些点中找到我想要的点有点困难。我希望能够搜索一个特定的点，因为每个点都有自己独特的名称属性以及它的x和y坐标（不是id，但我可以将名称作为id，如果这使解决方案更容易的话）。当找到点时，图形应该放大一点，因为在默认的缩放级别下，有相当多的点重叠，所以仅仅使其闪烁/变大/某些东西不会有多大帮助。我查看了Highcharts API文档，但找不到任何可以手动放大指定坐标的内容

我找到了

mapZoom

功能，但这只是针对地图的，而且。。。这不是地图。这是一个散点图

此外，由于这是react，因此要查看如何访问图表对象来处理它有点棘手，因为它存在的唯一时间是在返回渲染时：

var CosinePlot=React.createClass({
componentDidMount:function（）{
让chart=this.refs.chart.getChart（）；
},
render:function（）{
返回；
}
});

如果您知道要放大的确切点，只需获得它的

x

和

y

。然后使用

chart.xAxis[0].setextrems（min，max）

和

chart.yAxis[0].setextrems（min，max）

放大该点

---

关于访问图表对象，我猜您正在使用它。这里有一个如何检索图表对象的说明。

如果您知道要放大的确切点，只需获取它的

x

和

y

。然后使用

chart.xAxis[0].setextrems（min，max）

和

chart.yAxis[0].setextrems（min，max）

放大该点

---

关于访问图表对象，我猜您正在使用它。这里有一个如何检索该图表对象的说明。

如何从其他函数访问该图表变量？我需要使用

setextrems

调用来响应按钮单击等操作，这在

componentDidMount

中不一定会发生。作为参考，我最终使用了

chart.xAxis[0].zoom（min，max）

和

chart.showResetZoom（）

来完成缩放，因为在我找到一个指向这些电话的答案之前，我无法让重置按钮出现。还需要

chart.redraw（）

。创建图表时，可以将图表对象存储在变量中。或者，在使用jQuery时，可以使用

var chart=$（“#容器”）.highcharts（）获取图表。或者，如果网站上只有一个图表，请使用
var chart=Highcharts.charts[0]。当然，如果您想获得
Reset Zoom
按钮，请调用
chart.showResetZoom（）
。请注意，
showretzoom（）
函数不是官方API的一部分。如何从其他函数访问该图表变量？我需要使用
setextrems
调用来响应按钮单击等操作，这在
componentDidMount
中不一定会发生。作为参考，我最终使用了
chart.xAxis[0].zoom（min，max）
和
chart.showResetZoom（）
来完成缩放，因为在我找到一个指向这些电话的答案之前，我无法让重置按钮出现。还需要
chart.redraw（）
。创建图表时，可以将图表对象存储在变量中。或者，在使用jQuery时，可以使用
var chart=$（“#容器”）.highcharts（）获取图表。或者，如果网站上只有一个图表，请使用
var chart=Highcharts.charts[0]。当然，如果您想获得
Reset Zoom
按钮，请调用
chart.showResetZoom（）
。请注意，
showretzoom（）
函数不是官方API的一部分。