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

Question

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

我找到了mapZoom函数，但这只适用于地图，而且......好吧，这不是地图。这是散点图。

此外，由于这是反应，看到我如何访问图表对象以执行其中的操作有点棘手，因为它存在的唯一时间是它被返回以呈现：

var CosinePlot = React.createClass({
	componentDidMount: function() {
		let chart = this.refs.chart.getChart();
	},

	render: function() {
		return <ReactHighcharts config={plotConfig} isPureConfig={true}/>;
	}
});

Answer 1

如果您知道要放大的确切位置，只需获取x和y即可。然后使用chart.xAxis[0].setExtremes(min, max)和chart.yAxis[0].setExtremes(min, max)放大该点。

关于访问图表对象，我猜你正在使用这个this wrapper。有一个解释如何检索该图表对象here。