echarts做一个带权限控制响应式的流程图跳转

前台就是个容器没什么东西

<div style="padding-left:15px;padding-right:15px;">
    <div class="  col-sm-12 col-md-12 col-lg-12 " style="margin-top:-20px;">
        <div id="tableliulist">
           


        </div>
    </div>
</div>

JS脚本前面是自适应方案，后面是方块定位和线条指向，在后面是方块生成和设定，最后是隐藏坐标轴和权限设置

//echarts画的流程图
//浏览器resize重画
 function resizeChart() {
     var tableliulistwidth = $("#tableliulist").width();
     var tableliulistheight = $("#tableliulist").height();
     console.log(tableliulistheight);
     console.log(tableliulistwidth);
     myChart.resize({
         width: tableliulistwidth,
         height: tableliulistheight,
     });
     option.series = getSeries();
     myChart.setOption(option, true);
 }

 var data = [{
     name: '收货送检',
     code: 'node1',
     value: {
         interfaceNum: '1',
         kpiNum: '3',
         alarmNum: '新记录 ',
         title:'收货送检',
         url  :"module/warehouseGoodsreceipt",
     },
     x: 0.05,
     y: 0.6
 }, {
     name: '质量检查',
     code: 'node2',
     value: {
         interfaceNum: '0',
         kpiNum: '4',
         alarmNum: '新记录',
         title:'待完成',
         url : 'module/warehouseGoodsreceipt'
     },
     x: 0.2,
     y: 0.6
 },
 {
     name: '收货入库',
     code: 'node3',
     value: {
         interfaceNum: '1',
         kpiNum: '5',
         alarmNum: '新记录',
         title:'收货入库',
         url : 'module/warehouseReceive'
     },
     x: 0.35,
     y: 0.6
 },
 {
     name: '仓库预警',
     code: 'node4',
     value: {
         interfaceNum: '1',
         kpiNum: '6',
         alarmNum: '新记录',
         title:'待完成',
         url : 'module/warehouseGoodsreceipt'
     },
     x: 0.5,
     y: 0.4
 },
 {
     name: '仓库调拨',
     code: 'node5',
     value: {
         interfaceNum: '1',
         kpiNum: '7',
         alarmNum: '新记录',
         title:'仓库调拨',
         url : 'module/warehouseStoragetransfer'
     },
     x: 0.65,
     y: 0.4
 },
 {
     name: '盘库',
     code: 'node6',
     value: {
         interfaceNum: