如何通过DOM容器的id访问Apache ECharts？

Question

我在地图上画了很多片段，在某个时候我需要使用setOption更新这些片段。我发现，他们建议在变量中保存E图表对象，然后根据以下变量进行更新：

//Create
let echartsObj = echarts.init(document.getElementById("someId"));
    ...
};
//Update
echartsObj.setOption(option)

但是这并不适用于我，因为我有很多E图表实例，我应该根据它们的id来匹配它们，如下所示：

//It is not updating but I want something like that for updating echarts
someFunctionOrInstance("#echartId").setOption(option)

如我所知，这种方法可以与其他图表库(如chart.js )一起使用。

Answer 1

setOption是echarts.init返回的对象的一个方法，但是$("#echartId")返回一个jQuery实例。

一种选择是将它们存储到一个对象中，使用ID作为键-然后您可以直接通过它访问它们。

另一种方法是使用echarts.getInstanceByDom方法--它不直接按ID进行选择，而是需要获得一个div或画布元素，然后返回该元素的正确实例。

Answer 2

window.echartid.setOption(option)

这样就行了。