搜索并放大到散点图（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。