当前位置:   article > 正文

echarts树图默认曲线改为折线_echarts 曲线变折线

echarts 曲线变折线

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、修改最下面的返回值:

  1. return {
  2. // x1: x1,
  3. // y1: y1,
  4. // x2: x2,
  5. // y2: y2,
  6. // cpx1: cpx1,
  7. // cpy1: cpy1,
  8. // cpx2: cpx2,
  9. // cpy2: cpy2
  10. points:[[x1,y1],[x2-70,y1],[x2-70,y2],[x2,y2]]
  11. };

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/208717
推荐阅读