js charts

如何使用Anychart创建JavaScript网络图

邮差的信 提交于 2020-10-06 09:53:29
如何使用Web的JavaScript HTML5创建网络图网络图是一种特殊的,非常有趣的数据可视化形式。与条形图 或 饼图等更传统的图表类型不同,网络图的作用远不只是可视化数字数据。使用这些图表,可以将每个对象表示为一个点(称为节点),并将对象之间的连接表示为一条线(称为链接或边)。在这里,我们不专注于以通常使用的相同精度来表示对象。取而代之的是,我们试图发现网络或网络中各个部分的关系,而不必担心单个节点。 现在,我将指导您 如何使用JavaScript(HTML5)为Web开发交互式网络图。受 本·沙林斯(Ben Sullins)创建的有趣的可视化效果的启发 ,我决定采用有关过去十年最大的电视连续剧《权力的游戏》的数据。这是一个史诗般的幻想故事,围绕着各种派系式房屋的争吵。因此,在本教程中,我将通过展示谁攻击了谁来形象化《权力的游戏》世界中的关系。跟着我,这将是一次很酷的冒险! 制作网络图 从头开始构建JS网络图 基本上,要构建基于JS的网络图,我们需要遵循与任何JavaScript图表相同的四个步骤: 创建一个HTML页面。 添加必要的脚本。 加载将可视化的数据。 绘制图表。 1.创建一个HTML页面 建立网络图的第一步是设置HTML页面。这涉及为图表创建基本的HTML模板以及添加必要的CSS规则。 在这里,我们还为HTML页面添加标题,并创建一个div来包含图表。 <