首页 > 编程知识 正文

echarts文档,echarts环形图

时间:2023-05-06 11:11:19 阅读:13397 作者:1080

**

title图表标题样式*

单击title:(text: ) echarts简单路线图及其展开示例(,/正标题link:65http://www.stepday.com),/正标题链接,在新窗口中单击totle : //上下位置left: 'right'//左右位置subtext : ' from 33603358 www.step day.com、//副标题sublink 3360 ' http://www.step day.com 标题样式textstyle:(fontsize:24 ),//副标题样式subtextstyle: ) fontsize:12,color:'red ' ),**

tooltip队列盒配置*

tooltip : { formatter 3360 function (x ) { return x.data.name; //设置队列框的内容、格式节点和边缘显示name属性},**

工具箱配置*

是否显示toolbox: { show : true,//工具箱feature : {幻灯片类型: [ ' line ',' bar'],//图表类型的切换。 目前只支持直角系统下的折线图、条形图转换,上图icon左条形图restore: true,//撤消,重置为原始图表,另存为saveAsImage: true //图像,},

配置legend:图例*

legend: [{ x: 'left ',/图例位置data:[ '调查机构','受理公司' ]//关系图中必须与series的categories的name一致],**

关系边缘样式lineStyle **

line style : { normal : } show : true,color: 'target ',//确定边的颜色是起点还是终点

图形上文本标签的样式label **

label:(/图表上的文本标签。 可用于说明图表的部分数据信息。 normal: )对于show:true、//position3360'right )和//节点标签的位置,默认情况下显示在节点的中间//回调函数中。 节点标签包括}、}、**

力引导图基本配置force **

force : { //力引导图基本配置//initLayout://力引导的初始化布局默认使用xy轴标点符号repulsion : 100,//节点之间的排斥因子。 支持排列表示斥力的范围,值越大斥力越大。 gravity : 0.03,//节点受到的中心引力因子。 该值越大,节点越接近中心点。 edgeLength :80,//边的两个节点之间的距离。 该距离也被repulsion。 [ 10,50 ]。 值越小,长度越长。 layoutAnimation : true //力指南布局在重复多次之后才会稳定。 此参数决定是否显示布局的重复动画。 建议在浏览器侧的节点数据较多(100 )时关闭。 布局过程会导致浏览器假死。 (、**

连接边缘标签edge标签* *

边缘标签: {//线边缘标签normal:(show:true,//回调函数中连接上的标签formatter3360function(x ) { return x.data.) },edgelabel:{normal:},**

其他*

将focusNodeAdjacency:true,//鼠标移动到节点上时,节点及其边和相邻节点draggable: true,//节点为symbolSize: 20, //指示是否可以拖动节点大小edgesymbol3360的“arrow']”,//边两端的标记类型edgesymbolsize 3360 [ 4,8 ],//边两端的标记大小roam 默认值未打开。 如果只想打开缩放或平移,可以将其设置为“scale”或“move”。 如果设置为true,则legendHoverLink : true打开,//图例的hover (悬停时是否启用联动高亮。 **

用于设置节点和连接线的提示内容的格式不同**

节点数据://每个{}都可以理解为节点、category (此节点类别)、name (名称)关系的关键字和键值中的键,可以是字符串,也可以是数值)、值label ) )这个字段是我[{category:0,name: 1,value :5,label: 'czdbd'},{category:1,name: 2 label: ) ]link数据(//各自)内为相关边,source (对应于起点、上面的name )、target (对应于终点、上面的name )、value (从起点到终点的距离、值最大使用target : 1、value : 5和label: '女儿' }回调函数设置节点和连接线提示内容: formatter : function (参数) /触发后返回//返回标签(else(//触发边缘返回关系: ) Params.data.label; }**

节点的形状和大小** 通过node 的symbol设置节点形状, symbolSize 设置节点大小

节点数据{ id : 1,类别: 1,name : '192.168.8.88 ',symbol : 'rect ',value : 20,symbolsize :

电子图表图形部分

ECharts实现人民名义关系图码的开源

Echarts3关系图-力导向布局图

可展开伸缩力导向器

echarts3关系网络关系力图的生成

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。