如何使用交互式图表创建基本的JavaScript实体关系图

dhtmlxDiagram是一个图表库，只需几行代码就能生成任何你需要的图表。借助自动布局和实时图编辑器，以整齐的层次结构可视化复杂数据。JavaScript dhtmlxDiagram允许您向Web应用程序中添加漂亮的交互式图表，图表和图形。借助这种轻巧而快速的组件，您的数据将以清晰直观的方式表示。

点击下载dhtmlxDiagram试用版

什么是实体关系图

实体关系图（也称为ER图或ERD）是一种图，旨在通过各种实体，它们的属性以及它们之间的关系以图形方式表示数据库中的数据。这种类似于流程图的图有助于理解数据库的逻辑组成。应该注意的是，ERD仅在处理关系和结构化数据时才可行。

实体关系图通常说明三个关键组件：
实体
在ER图中的实体下，我们指的是关于哪些数据存储在系统中（例如数据库中的行）的唯一可识别的人员，对象，概念等。实体以矩形可视化，并由单数名词表示。
属性
属性通常充当实体的命名区别特征，但也可以描述其他主要ERD组件的特定特征。属性可以视为数据库的列。所有图表元素都可以具有以椭圆形表示的无限多个属性。属性通过连接器与实体和关系链接。
关系
关系显示图表中的多个元素（实体）如何通过某些动作相互关联。此动作在菱形的帮助下显示并使用动词标记。这些关系通过使用带有特殊符号（称为基数）的连接器显示。在ERD的上下文中，基数指定可以在不同实体的实例之间建立多少关系。有几种表示法可以帮助传达基数，其中