echarts西安市地鐵線路大屏監控圖
阿新 • • 發佈：2020-08-22
請先引入百度echarts外掛之後在使用
程式碼：
var data = [ { name: "地鐵一號線 https://www.lizicat.com/yihaoxian/", tooltip: { formatter: "{b}: 19999<br />" }, symbolSize: 0.1, value: [5, 750], x: 800, y: 400, fixed: true, // draggable: false,category: 1, label: { color: "#35c2ff", position: 'bottom', fontSize: 24, fontWeight: 1000 }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset:0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "地鐵二號線", tooltip: { formatter:"{b}: 19999<br />" }, symbolSize: 0.1, value: [855, 1050], x: 800, y: 400, fixed: true, // draggable: false, category: 1, label: { color: "red", position: 'bottom', fontSize: 24, fontWeight: 1000 }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "地鐵三號線", tooltip: { formatter: "{b}: 19999<br />" }, symbolSize: 0.1, value: [280, 250], x: 800, y: 400, fixed: true, // draggable: false, category: 1, label: { color: "#FF00FF", position: 'bottom', fontSize: 24, fontWeight: 1000 }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "地鐵四號線", tooltip: { formatter: "{b}: 19999<br />" }, symbolSize: 0.1, value: [1040, 140], x: 800, y: 400, fixed: true, // draggable: false, category: 1, label: { color: "#48D1CC", position: 'bottom', fontSize: 24, fontWeight: 1000 }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "機場城際", tooltip: { formatter: "{b}: 19999<br />" }, symbolSize: 0.1, value: [20, 1050], x: 800, y: 400, fixed: true, // draggable: false, category: 1, label: { color: "#20B2AA", position: 'bottom', fontSize: 24, fontWeight: 1000 }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, //地鐵一號線，站點間X軸座標相差50，Y軸座標相同 { name: "灃河森林公園", tooltip: { formatter: "{b}: 19999<br />" }, symbol: 'circle', symbolSize: [25, 25], value: [5, 600], x: 800, y: 400, fixed: true, // draggable: false, category: 1, label: { color: "#FFF", position: 'bottom', }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "北槐", x: 400, y: 400, value: [80, 600], fixed: true, symbol: 'circle', symbolSize: [15, 15], label: { color: "#FFF", position: 'top', }, category: 1, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "上林路", x: 1000, y: 1000, value: [130, 600], fixed: true, symbol: 'circle', symbolSize: [15, 15], label: { color: "#fff", position: 'bottom', }, category: 1, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "灃東自貿園", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [180, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "後衛寨", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [230, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "三橋", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [280, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "皁河", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [330, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "棗園", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [380, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "漢城路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [430, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "開遠門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [480, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "勞動路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [530, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "玉祥門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [580, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "灑金橋", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [630, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "北大街", symbol: 'circle', symbolSize: [20, 20], label: { color: "#efefef", position: 'top', }, value: [680, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ offset: 0, color: "#FF1493" }, { offset: 1, color: "#0000FF" } ]) } } }, { name: "五路口", symbol: 'circle', symbolSize: [20, 20], label: { color: "#efefef", position: 'bottom', }, value: [730, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ offset: 0, color: "#FF1493" }, { offset: 1, color: "#0000FF" } ]) } } }, { name: "朝陽門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [780, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "康復路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [830, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "通化門", symbol: 'circle', symbolSize: [20, 20], label: { color: "#efefef", position: 'top', }, value: [880, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ offset: 0, color: "#FF1493" }, { offset: 1, color: "#0000FF" } ]) } } }, { name: "萬壽路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [930, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "長樂坡", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [980, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "滻河", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [1030, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "半坡", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [1080, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, { name: "紡織城", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'bottom', }, value: [1130, 600], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#157eff" }, { offset: 1, color: "#35c2ff" } ]) } } }, //地鐵二號線，垂直線路，站點間X軸座標相同，Y軸座標相差50 { name: "鐘樓", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 540], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "永寧門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 500], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "南稍門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 450], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "體育場", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 400], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "小寨", symbol: 'circle', symbolSize: [20, 20], label: { color: "#efefef", position: 'left', }, value: [680, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ offset: 0, color: "#FF1493" }, { offset: 1, color: "#0000FF" } ]) } } }, { name: "緯一街", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 300], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "會展中心", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 250], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "三爻", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 200], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "鳳棲原", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 150], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "航天城", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 100], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "韋曲南", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'left', }, value: [680, 50], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "安遠門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 660], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "龍首原", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 700], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "大明宮西", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 750], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "市圖書館", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 800], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "鳳城五路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 850], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "行政中心", symbol: 'circle', symbolSize: [20, 20], label: { color: "#efefef", position: 'left', }, value: [680, 900], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ offset: 0, color: "#FF1493" }, { offset: 1, color: "#0000FF" } ]) } } }, { name: "運動公園", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 950], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "北苑", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [680, 1000], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, { name: "北客站", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'left', }, value: [680, 1050], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "red" }, { offset: 1, color: "red" } ]) } } }, //地鐵三號線 { name: "吉祥村", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [580, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "太白南路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [520, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "科技路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [460, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "延平門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [400, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "丈八北路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [340, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "魚化寨", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'bottom', }, value: [280, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "大雁塔", symbol: 'circle', symbolSize: [20, 20], label: { color: "#efefef", position: 'bottom', }, value: [730, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ offset: 0, color: "#FF1493" }, { offset: 1, color: "#0000FF" } ]) } } }, { name: "北池頭", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [800, 350], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "青龍寺", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [850, 370], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "延興門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [880, 400], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "咸寧路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [880, 450], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "長樂公園", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [880, 500], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "胡家廟", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [880, 660], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "石家街", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [880, 700], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "辛家廟", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [900, 750], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "廣泰門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'top', }, value: [960, 755], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "桃花潭", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [1000, 757], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "滻灞中心", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [1040, 780], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "香湖灣", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [1040, 830], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "務莊", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [1040, 880], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "國際港務區", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [1040, 930], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "雙寨", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [1040, 980], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "新築", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [1040, 1030], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, { name: "保稅區", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'right', }, value: [1040, 1080], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#FF00FF" }, { offset: 1, color: "#FF00FF" } ]) } } }, //地鐵四號線 { name: "大唐芙蓉園", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 300], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "曲江池西", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 250], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "金滹沱", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 200], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "航天大道", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 150], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "飛天路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 100], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "東長安街", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 50], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "神舟大道", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [820, 30], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "航天東路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [920, 30], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "航天新城", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [1020, 30], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "西安科技大學", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 400], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "建築科技大學", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 450], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "和平門", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 500], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "大差市", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 550], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "火車站", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 660], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "含元殿", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 695], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "大明宮", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 735], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "大明宮北", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 770], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "餘家寨", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 805], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "百花村", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 835], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "常青路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [730, 865], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "市中醫院", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [710, 890], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "文景路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [550, 900], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "鳳城九路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [530, 930], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "鳳城十二路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [530, 970], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "元朔路", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [530, 1010], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, { name: "北客站(北廣場)", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'right', }, value: [640, 1100], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#48D1CC" }, { offset: 1, color: "#48D1CC" } ]) } } }, //機場城際 { name: "渭河南", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [530, 1120], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "秦宮", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'left', }, value: [450, 1145], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "秦漢新城", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [380, 1105], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "長陵", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [310, 1080], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "擺旗寨", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'bottom', }, value: [230, 1070], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "藝術中心", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [170, 1100], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "空港新城", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [120, 1150], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "機場（T5）", symbol: 'circle', symbolSize: [15, 15], label: { color: "#efefef", position: 'right', }, value: [80, 1190], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, { name: "機場西（T1、T2、T3）", symbol: 'circle', symbolSize: [25, 25], label: { color: "#efefef", position: 'bottom', }, value: [20, 1130], x: 1000, y: 1000, fixed: true, category: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#20B2AA" }, { offset: 1, color: "#20B2AA" } ]) } } }, ]; option = ({ title: { text: '西安地鐵線路圖', textStyle: { color: 'white', fontSize: 20 }, x: 'center', top: 10 }, //不設定背景顏色就是透明色 backgroundColor: '#000', xAxis: { show: false, min: 0, max: 1200, // type: "value", //開啟x軸座標 axisPointer: { show: true }, }, yAxis: { show: false, min: 0, max: 1200, // type: "value", //開啟y軸座標 axisPointer: { show: true }, }, tooltip: {}, // legend: { // show: false // }, series: [{ type: "graph", zlevel: 5, draggable: false, coordinateSystem: "cartesian2d", //使用二維的直角座標系（也稱笛卡爾座標系） // edgeSymbolSize: [0, 8], //邊兩端的標記大小，可以是一個數組分別指定兩端，也可以是單個統一指定 // edgeLabel: { // normal: { // textStyle: { // fontSize: 60 // } // } // }, symbol: "rect", symbolOffset: ["15%", 0], label: { normal: { show: true } }, data: data, links: [{ source: "灃河森林公園", target: "北槐" // lineStyle: { // normal: { // color: "#12b5d0", // // } // } }, { source: "北槐", target: "上林路", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "上林路", target: "灃東自貿園", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "灃東自貿園", target: "後衛寨", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "後衛寨", target: "三橋", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "三橋", target: "皁河", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "皁河", target: "棗園" // lineStyle: { // normal: { // color: "#12b5d0", // // } // } }, { source: "棗園", target: "漢城路", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "漢城路", target: "開遠門", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "開遠門", target: "勞動路", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "勞動路", target: "玉祥門", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "玉祥門", target: "灑金橋", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "灑金橋", target: "北大街", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "北大街", target: "五路口", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "五路口", target: "朝陽門", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "朝陽門", target: "康復路", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "康復路", target: "通化門", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "通化門", target: "萬壽路", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "萬壽路", target: "長樂坡", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "長樂坡", target: "滻河", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "滻河", target: "半坡", lineStyle: { normal: { // color: "#12b5d0", } } }, { source: "半坡", target: "紡織城", lineStyle: { normal: { // color: "#12b5d0", } } }, //地鐵二號線連線 { source: "韋曲南", target: "航天城", lineStyle: { normal: { color: "red", } } }, { source: "航天城", target: "鳳棲原", lineStyle: { normal: { color: "red", } } }, { source: "鳳棲原", target: "三爻", lineStyle: { normal: { color: "red", } } }, { source: "三爻", target: "會展中心", lineStyle: { normal: { color: "red", } } }, { source: "會展中心", target: "緯一街", lineStyle: { normal: { color: "red", } } }, { source: "緯一街", target: "小寨", lineStyle: { normal: { color: "red", } } }, { source: "小寨", target: "體育場", lineStyle: { normal: { color: "red", } } }, { source: "體育場", target: "南稍門", lineStyle: { normal: { color: "red", } } }, { source: "南稍門", target: "永寧門", lineStyle: { normal: { color: "red", } } }, { source: "永寧門", target: "鐘樓", lineStyle: { normal: { color: "red", } } }, { source: "鐘樓", target: "北大街", lineStyle: { normal: { color: "red", } } }, { source: "北大街", target: "安遠門", lineStyle: { normal: { color: "red", } } }, { source: "安遠門", target: "龍首原", lineStyle: { normal: { color: "red", } } }, { source: "龍首原", target: "大明宮西", lineStyle: { normal: { color: "red", } } }, { source: "大明宮西", target: "市圖書館", lineStyle: { normal: { color: "red", } } }, { source: "市圖書館", target: "鳳城五路", lineStyle: { normal: { color: "red", } } }, { source: "鳳城五路", target: "行政中心", lineStyle: { normal: { color: "red", } } }, { source: "行政中心", target: "運動公園", lineStyle: { normal: { color: "red", } } }, { source: "運動公園", target: "北苑", lineStyle: { normal: { color: "red", } } }, { source: "北苑", target: "北客站", lineStyle: { normal: { color: "red", } } }, { source: "魚化寨", target: "丈八北路", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "丈八北路", target: "延平門", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "延平門", target: "科技路", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "科技路", target: "太白南路", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "太白南路", target: "吉祥村", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "吉祥村", target: "小寨", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "小寨", target: "大雁塔", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "大雁塔", target: "北池頭", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "北池頭", target: "青龍寺", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "青龍寺", target: "延興門", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "延興門", target: "咸寧路", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "咸寧路", target: "長樂公園", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "長樂公園", target: "通化門", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "通化門", target: "胡家廟", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "胡家廟", target: "石家街", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "石家街", target: "辛家廟", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "辛家廟", target: "廣泰門", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "廣泰門", target: "桃花潭", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "桃花潭", target: "滻灞中心", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "滻灞中心", target: "香湖灣", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "香湖灣", target: "務莊", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "務莊", target: "國際港務區", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "國際港務區", target: "雙寨", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "雙寨", target: "新築", lineStyle: { normal: { color: "#FF00FF", } } }, { source: "新築", target: "保稅區", lineStyle: { normal: { color: "#FF00FF", } } }, //地鐵四號線和機場城際的連線 { source: "航天新城", target: "航天東路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "航天東路", target: "神舟大道", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "神舟大道", target: "東長安街", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "東長安街", target: "飛天路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "飛天路", target: "航天大道", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "航天大道", target: "金滹沱", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "金滹沱", target: "曲江池西", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "曲江池西", target: "大唐芙蓉園", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "大唐芙蓉園", target: "大雁塔", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "大雁塔", target: "西安科技大學", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "西安科技大學", target: "建築科技大學", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "建築科技大學", target: "和平門", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "和平門", target: "大差市", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "大差市", target: "五路口", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "五路口", target: "火車站", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "火車站", target: "含元殿", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "含元殿", target: "大明宮", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "大明宮", target: "大明宮北", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "大明宮北", target: "餘家寨", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "餘家寨", target: "百花村", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "百花村", target: "常青路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "常青路", target: "市中醫院", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "市中醫院", target: "行政中心", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "行政中心", target: "文景路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "文景路", target: "鳳城九路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "鳳城九路", target: "鳳城十二路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "鳳城十二路", target: "元朔路", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "元朔路", target: "北客站(北廣場)", lineStyle: { normal: { color: "#48D1CC", } } }, //機場城際各站點連線 { source: "北客站(北廣場)", target: "渭河南", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "渭河南", target: "秦宮", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "秦宮", target: "秦漢新城", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "秦漢新城", target: "長陵", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "長陵", target: "擺旗寨", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "擺旗寨", target: "藝術中心", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "藝術中心", target: "空港新城", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "空港新城", target: "機場（T5）", lineStyle: { normal: { color: "#48D1CC", } } }, { source: "機場（T5）", target: "機場西（T1、T2、T3）", lineStyle: { normal: { color: "#48D1CC", } } }, ], lineStyle: { normal: { opacity: 0.6, //線條透明度 color: "#53B5EA", curveness: 0, //站點間連線曲度，0表示直線 width: 10 //線條寬度 } } }, { type: "lines", coordinateSystem: "cartesian2d", z: 1, zlevel:7, animation: true, effect: { show: true, period: 5, trailLength: 0.71, symbolSize: 14, symbol: "circle", loop: true, color: 'yellow' // color: "rgba(55,155,255,0.5)" }, lineStyle: { normal: { // color: "green", width: 0, curveness: 0 //動畫線路的曲度 } }, data: [ { //一號線 coords: [ [5, 600], [1130, 600] ] }, { //二號線 coords: [ [680, 50], [680, 1050] ] }, // { //三號線 // coords: [ // [280, 350], // [1040, 1080] // ] // } ] }, ] });
具體效果圖