我在react.js 中使用highcharts 库，它运行得很好。然而，我正在绘制大约 15,000 个散点，在所有这些点中找到我想要的点有点棘手。我希望能够搜索特定的点，因为每个点都有自己唯一的名称属性及其 x 和 y 坐标(不是 id，但如果这使解决方案更容易，我可以将名称作为 id)。当找到该点时，图表应该放大一点，因为在默认缩放级别下，有很多点重叠，所以只是让它闪烁/更大/一些东西不会有太大帮助。我浏览了 Highcharts API 文档，但找不到任何可以手动缩放指定坐标的内容。
我找到了 mapZoom 函数，但这仅适用于 map ，而且......好吧，这不是 map 。这是一个散点图。
此外，由于这是 react ，因此了解如何访问图表对象以对其进行操作有点棘手，因为它存在的唯一时间是在返回进行渲染时:
var CosinePlot = React.createClass({
componentDidMount: function() {
let chart = this.refs.chart.getChart();
},
render: function() {
return <ReactHighcharts config={plotConfig} isPureConfig={true}/>;
}
});最佳答案
如果您知道要放大的确切点，只需获取它的 x 和 y 即可。然后使用 chart.xAxis[0].setExtremes(min, max) 和 chart.yAxis[0].setExtremes(min, max) 放大该点。
关于访问图表对象，我猜您正在使用这个 this wrapper 。有一个解释如何检索该图表对象 here .
关于javascript - 搜索并放大散点图点(Highcharts、react.js)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34985098/