vue大屏

http://datav.jiaminghi.com/    datav大屏地址

飞线图

data () {
    return {
      config: {
        points: [
            {
              position: [0.52, 0.235],
              text: '新乡'
            },
            {
              position: [0.43, 0.29],
              text: '焦作'
            },
            {
              position: [0.59, 0.35],
              text: '开封'
            },
            {
              position: [0.53, 0.47],
              text: '许昌'
            },
            {
              position: [0.45, 0.54],
              text: '平顶山'
            },
            {
              position: [0.36, 0.38],
              text: '洛阳'
            },
            {
              position: [0.62, 0.55],
              text: '周口'
            },
            {
              position: [0.56, 0.56],
              text: '漯河'
            },
            {
              position: [0.37, 0.66],
              text: '南阳'
            },
            {
              position: [0.55, 0.81],
              text: '信阳'
            },
            {
              position: [0.55, 0.67],
              text: '驻马店'
            },
            {
              position: [0.37, 0.29],
              text: '济源'
            },
            {
              position: [0.20, 0.36],
              text: '三门峡'
            },
            {
              position: [0.76, 0.41],
              text: '商丘'
            },
            {
              position: [0.59, 0.18],
              text: '鹤壁'
            },
            {
              position: [0.68, 0.17],
              text: '濮阳'
            },
            {
              position: [0.59, 0.10],
              text: '安阳'
            }
          ],
          bgImgUrl: '/img/flylineChart/map.jpg'  //图片需放在服务起上,文档未提及
           centerPointImg: {
             url: '/img/flylineChart/map.jpg',//图片需放在服务起上,文档未提及
           },
           pointsImg: {
             url: '/img/flylineChart/mapPoint.png',//图片需放在服务起上,文档未提及
           }
        },
    }
  }

你可能感兴趣的:(vue大屏)