Echarts开发人物关系网络图

最新推荐文章于 2024-07-11 15:25:06 发布

置顶

骑蜗牛追梦者

最新推荐文章于 2024-07-11 15:25:06 发布

阅读量9.9k

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/xqhadoop/article/details/78286270

版权

引言:
人物关系可视化是将人与人之之间通过某属性进行连接而形成的关系网络,通过可视化技术展现出来。而baidu的Echarts是一款非常敏捷,迅速,酷炫的js可视化工具

1.Echarts介绍

ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。

ECharts 提供了常规的折线图，柱状图，散点图，饼图，K线图，用于统计的盒形图，用于地理数据可视化的地图，热力图，线图，用于关系数据可视化的关系图，treemap，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

Echarts官网地址为: http://echarts.baidu.com

2.人物关系网络

<html>
<head>
  <meta charset="UTF-8">
<title>用户详细信息</title>
 <style>
body { margin-top: 3em; background: #eee; color: #555; font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif; }
p, p a { font-value: 12px;text-align: center; color: #888; }
</style>
    <script src="echarts-all.js"></script>
    <script src="js/drawl.js">