qq_65034569的博客

AntV X6：一个基于 HTML5 Canvas 的图形化框架，支持流程图、拓扑图等多种图形化场景。ElementUI：一个基于 Vue 的 UI 组件库，提供丰富的表单、表格和弹窗组件。Vue.js：一个渐进式 JavaScript 框架，用于构建用户界面。在 src/components/CellNode.vue 中，实现自定义的 Vue 节点组件。

在这个封装中，我们定义了三个函数removeCells、undoAction和redoAction来分别处理删除、撤销和重做操作。然后我们定义了一个bindKey函数，它接受一个快捷键和一个动作函数作为参数，用于绑定快捷键到对应的操作。最后，我们在handleEvent函数中调用这些封装好的函数。这样做的好处是，如果你需要在其他地方也绑定这些快捷键，你可以直接调用bindKey函数，而不需要每次都写一遍绑定逻辑。同时，如果将来graph.value对象的API发生变化，你只需要在封装的函数中修改，而不需

在 ECharts 中，tooltip 的 position 属性用于控制提示框的弹出位置。通过设置 position 属性，你可以自定义提示框相对于图表的显示位置。position 属性可以是一个函数，该函数接收一些参数并返回一个 [x, y] 坐标的数组，用于指定提示框的绝对位置。配置，这个配置就是用来控制：是否限制提示框在图表范围内。如图，我们可以看到第二个年份弹出的提示框超出了整个界面范围，看完错误，直接上解决方案❗️。选项，这个使用来配置提示框弹出位置的。下面的其他配置，我们可以看到有一个。

在下面的课程当中，伪类是经常被使用到的一项css技术。所以这我们先进行伪类的学习来作为本次Echarts课程的前置知识。