nginx：提供四层与七层的服务代理转发，分别对两台apiserver 6443端口进行转发。keepalived：保证两台Proxy服务器的NGINX服务高可用。etcd：为整个K8S的数据库，存储集群的元数据信息，作用类同于ZK等。

计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的

现在，3D 模型已经用于各种不同的领域。它们可以在三维建模工具中使用或者单独使用。为了容易形成动画，通常在模型中加入一些额外的数据，例如，一些人类或者动物的三维模型中有完整的骨骼系统，这样运动时看起来会更加真实，并且可以通过关节与骨骼控制运动。这些种种都让

上一篇我们绘制了一个 graphView 场景，在场景之上通过 graphView.dm() 获取数据容器，并通过 graphView.dm().add() 函数添加了两个 Node 节点，并通过 setPosition 设置节点位置以及 setImage

计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的

现在，3D模型已经用于各种不同的领域。它们可以在三维建模工具中使用或者单独使用。为了容易形成动画，通常在模型中加入一些额外的数据，例如，一些人类或者动物的三维模型中有完整的骨骼系统，这样运动时看起来会更加真实，并且可以通过关节与骨骼控制运动。

结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作DataModel数据模型，以下为构建上图界面效果的模型代码部分：。edge.setName;这里 \n 顾名思义就是换行的意思，当然除了换行外，

HTML5 中的 Canvas 对文本的渲染性能都不太好，比如设置字体、文本旋转，如果绘制较多的文本时，一些交互操作会手动很大的影响，操作起来没那么顺畅，体验将会极其差，这不是我们想要的结果，再进一步和图片的绘制进行比较比较，你会发现，绘制图片和绘制文本在

在这个Demo中，将GraphView拓扑图组件添加到百度地图组件中，覆盖在百度地图组件之上，并且在百度地图组件上和GraphView拓扑图组件上分别添加事件监听，相互同步经纬度和屏幕位置信息，从而来控制拓扑图上的组件位置固定在地图上，并在节点和节点之间的

使用 HT for Web 开发HTML5网络拓扑图的开发者有 Chart 需求的项目的时候，感觉很痛苦，HT 集成的 Chart 组件中，并不包含有坐标，在展现方面不是很直观，但是也不是没有解决方案，接下来我们就来聊聊具体的解决方案。其次，第二种解决方案

前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用，于是有了下面

电信网管系统中，设备状态信息的实时展示非常重要，通常会挂载一堆图标来展示状态或告警信息，图标的信息量有限，有时需要更详细的面板，甚至以图表的形式展现，本文将结合最近客户提到的需求，使用 Qunee1.6 beta版本，实现拓扑图中设备信息的实时显示。

电信网管系统中，设备状态信息的实时展示非常重要，通常会挂载一堆图标来展示状态或告警信息，图标的信息量有限，有时需要更详细的面板，甚至以图表的形式展现，本文将结合最近客户提到的需求，使用 Qunee1.6 beta版本，实现拓扑图中设备信息的实时显示。

上一篇我们绘制了一个 graphView 场景，在场景之上通过 graphView.dm() 获取数据容器，并通过 graphView.dm().add() 函数添加了两个 Node 节点，并通过 setPosition 设置节点位置以及 setImage

今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView是 HT 框架中 2D 功能最丰富的组件，其相关类库都在 ht.graph 包下。GraphView 具有基本图

前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用，于是有了下面

在数据量很大的2D 场景下，要找到具体的模型比较困难，并且只能显示出模型的的某一部分，显示也不够直观，这种时候能快速搭建出 3D 场景就有很大需求了。但是搭建 3D 应用场景又依赖于通过 3ds Max 或 Maya 的专业 3D 设计师来建模，Unity

今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView是 HT 框架中 2D 功能最丰富的组件，其相关类库都在 ht.graph 包下。GraphView 具有基本图

上一篇我们绘制了一个 graphView 场景，在场景之上通过 graphView.dm() 获取数据容器，并通过 graphView.dm().add() 函数添加了两个 Node 节点，并通过 setPosition 设置节点位置以及 setImage

计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的