ECharts学习笔记（1）——使用关系图展示关联分析结果

 

前面的文章中学习了关联分析算法，于是想把分析结果以一种直观、形象的方式展现出来，于是用到了ECharts的关系图，作为JS小白，先从关系图的基本属性学起吧。

1、关系图的一些主要配置项

series-graph. type = 'graph'

series-graph. legendHoverLink = true

是否启用图例 hover 时的联动高亮。

series-graph. coordinateSystem

该系列使用的坐标系，可选：

• null 或者 'none'——无坐标系。
• 'cartesian2d'——使用二维的直角坐标系（也称笛卡尔坐标系），通过 xAxisIndex, yAxisIndex指定相应的坐标轴组件。
• 'polar'——使用极坐标系，通过 polarIndex 指定相应的极坐标组件。
• 'geo'——使用地理坐标系，通过 geoIndex 指定相应的地理坐标系组件。

series-graph. hoverAnimation

布尔值，是否开启鼠标 hover 节点的提示动画效果。

series-graph. layout = 'none'

图的布局。可选：

• 'none'—— 不采用任何布局，使用节点中提供的 x， y 作为节点的位置。

• 'circular' ——采用环形布局，布局相关的配置项见 graph.circular

• 'force' 采用力引导布局，布局相关的配置项见 graph.force

series-graph.circular. rotateLabel

布尔值，是否旋转标签，默认不旋转。下面分别是不旋转和旋转标签的效果：