赞
踩
echarts的树图的连接线只支持贝塞尔曲线,需求是折线。所以通过修改echarts的源码来满足需求。
效果图:
步骤:
1、找到树图的文件夹里的TreeView.js
C:\java\vue\itms-admin-vue\node_modules\echarts\lib\chart\tree\TreeView.js
2、树图的样式在TreeView.js文件中,选择一个打开,搜索一下贝塞尔曲线:BezierCurve,找到对应的函数。
3、把贝塞尔曲线修改成折线:Polyline 。
4、修改最下面的返回值:
- return {
- // x1: x1,
- // y1: y1,
- // x2: x2,
- // y2: y2,
- // cpx1: cpx1,
- // cpy1: cpy1,
- // cpx2: cpx2,
- // cpy2: cpy2
- points:[[x1,y1],[x2-70,y1],[x2-70,y2],[x2,y2]]
- };
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。