Echarts图表绑定点击事件，监听窗口大小变化

hundred83

已于 2024-01-11 14:53:18 修改

阅读量735

点赞数 6

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

于 2024-01-11 14:52:52 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_62186125/article/details/135529414

本文介绍了如何使用ECharts库在网页上创建图表，包括初始化图表对象、设置图表选项、绑定点击事件以及响应窗口大小变化以实现动态调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var myChart = echarts.init(document.getElementById("alarm")); 
var option = {
   ......
};
option && myChart.setOption(option);
// 绑定点击事件
myChart.on("click", (params) => {
  ......
});
// 监听窗口大小变化事件
window.addEventListener("resize", function () {
    myChart.resize();
});