如何通过id为DOM-Container访问Apache ECharts？

Question

我在地图上绘制了很多饼图，有时我需要使用 setOption 更新这些饼图。我发现他们建议将 echart 对象保存在变量中，然后根据如下变量更新：

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

但这对我不起作用，因为我有很多 echart 实例，我应该根据它们的 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 return 编辑的对象的一个方法，但是 $("#echartId") return 是一个 jQuery 实例。

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

另一种方法是使用 echarts.getInstanceByDom 方法 - 不直接按 ID select，但需要获取传入的 div 或 canvas 元素, 然后 return 该元素的正确实例。

How can I get access to a Apache ECharts through id of DOM-Container?