|
@@ -117,7 +117,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '多折线图',
|
|
name: '多折线图',
|
|
|
- icon: 'l-line-chart',
|
|
|
|
|
|
|
+ icon: 'l-duozhexiantu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -400,7 +400,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '多曲线图',
|
|
name: '多曲线图',
|
|
|
- icon: 'l-line-chart',
|
|
|
|
|
|
|
+ icon: 'l-duoquxiantu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -538,7 +538,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '曲线趋势图',
|
|
name: '曲线趋势图',
|
|
|
- icon: 'l-line-chart',
|
|
|
|
|
|
|
+ icon: 'l-quxiantuqushitu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -784,7 +784,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '堆叠面积图',
|
|
name: '堆叠面积图',
|
|
|
- icon: 'l-line-chart',
|
|
|
|
|
|
|
+ icon: 'l-duidiemianjitu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -1022,7 +1022,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '分组柱状图',
|
|
name: '分组柱状图',
|
|
|
- icon: 'l-a-fenzuzhuzhuangtu',
|
|
|
|
|
|
|
+ icon: 'l-fenzuzhuzhuangtu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -1157,7 +1157,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '堆叠柱状图',
|
|
name: '堆叠柱状图',
|
|
|
- icon: 'l-a-duidiezhuzhuangtu',
|
|
|
|
|
|
|
+ icon: 'l-duidiezhuzhuangtu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -1300,7 +1300,7 @@ export const charts = [
|
|
|
list: [
|
|
list: [
|
|
|
{
|
|
{
|
|
|
name: '基础条形图',
|
|
name: '基础条形图',
|
|
|
- icon: 'l-bar-chart',
|
|
|
|
|
|
|
+ icon: 'l-tiaoxingtu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -1667,7 +1667,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '正负条形图',
|
|
name: '正负条形图',
|
|
|
- icon: 'l-bar-chart',
|
|
|
|
|
|
|
+ icon: 'l-zhengfutiaoxingtu',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
width: 366,
|
|
width: 366,
|
|
@@ -2230,7 +2230,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '涟漪散点图',
|
|
name: '涟漪散点图',
|
|
|
- icon: 'l-lianyisandiantu',
|
|
|
|
|
|
|
+ icon: 'l-lianyisandianyu',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 200,
|
|
height: 200,
|
|
@@ -2472,7 +2472,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '圆形雷达图',
|
|
name: '圆形雷达图',
|
|
|
- icon: 'l-leidatu',
|
|
|
|
|
|
|
+ icon: 'l-yuanxingleidatu',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 300,
|
|
height: 300,
|
|
@@ -2967,7 +2967,7 @@ export const charts = [
|
|
|
list: [
|
|
list: [
|
|
|
{
|
|
{
|
|
|
name: '桑基图',
|
|
name: '桑基图',
|
|
|
- icon: 'l-sangshentu',
|
|
|
|
|
|
|
+ icon: 'l-sangjitu',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 200,
|
|
height: 200,
|
|
@@ -3661,7 +3661,7 @@ export const charts = [
|
|
|
distance: 4,
|
|
distance: 4,
|
|
|
lineStyle: {
|
|
lineStyle: {
|
|
|
width: 2,
|
|
width: 2,
|
|
|
- color: '#ccc',
|
|
|
|
|
|
|
+ color: 'rgb(107,157,215)',
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
detail: {
|
|
detail: {
|
|
@@ -3711,7 +3711,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '圆盘仪表盘',
|
|
name: '圆盘仪表盘',
|
|
|
- icon: 'l-dashboard-chart',
|
|
|
|
|
|
|
+ icon: 'l-yuanpanyibiaopan',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 300,
|
|
height: 300,
|
|
@@ -3750,7 +3750,7 @@ export const charts = [
|
|
|
distance: 8,
|
|
distance: 8,
|
|
|
length: 15,
|
|
length: 15,
|
|
|
lineStyle: {
|
|
lineStyle: {
|
|
|
- width: 1,
|
|
|
|
|
|
|
+ width: 2,
|
|
|
color: '#42E5FB',
|
|
color: '#42E5FB',
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
@@ -3917,7 +3917,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '进度仪表盘',
|
|
name: '进度仪表盘',
|
|
|
- icon: 'l-dashboard-chart',
|
|
|
|
|
|
|
+ icon: 'l-jinduyibiaopan',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 300,
|
|
height: 300,
|
|
@@ -3952,7 +3952,7 @@ export const charts = [
|
|
|
distance: 8,
|
|
distance: 8,
|
|
|
length: 15,
|
|
length: 15,
|
|
|
lineStyle: {
|
|
lineStyle: {
|
|
|
- width: 1,
|
|
|
|
|
|
|
+ width: 2,
|
|
|
color: '#42E5FB',
|
|
color: '#42E5FB',
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
@@ -4047,7 +4047,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '蓝色科技1',
|
|
name: '蓝色科技1',
|
|
|
- icon: 'l-dashboard-chart',
|
|
|
|
|
|
|
+ icon: 'l-lansekeji1',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 300,
|
|
height: 300,
|
|
@@ -4145,7 +4145,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '蓝色科技2',
|
|
name: '蓝色科技2',
|
|
|
- icon: 'l-dashboard-chart',
|
|
|
|
|
|
|
+ icon: 'l-lansekeji2',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 300,
|
|
height: 300,
|
|
@@ -4242,7 +4242,7 @@ export const charts = [
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '蓝色科技3',
|
|
name: '蓝色科技3',
|
|
|
- icon: 'l-dashboard-chart',
|
|
|
|
|
|
|
+ icon: 'l-lansekeji3',
|
|
|
data: {
|
|
data: {
|
|
|
width: 300,
|
|
width: 300,
|
|
|
height: 300,
|
|
height: 300,
|
|
@@ -4414,103 +4414,649 @@ export const charts = [
|
|
|
show: true,
|
|
show: true,
|
|
|
list: [
|
|
list: [
|
|
|
{
|
|
{
|
|
|
- name: '香港地图',
|
|
|
|
|
|
|
+ name: '中国地图',
|
|
|
icon: 'l-line-chart',
|
|
icon: 'l-line-chart',
|
|
|
data: {
|
|
data: {
|
|
|
name: 'echarts',
|
|
name: 'echarts',
|
|
|
- width: 366,
|
|
|
|
|
- height: 206,
|
|
|
|
|
|
|
+ width: 500,
|
|
|
|
|
+ height: 400,
|
|
|
externElement: true,
|
|
externElement: true,
|
|
|
disableAnchor: true,
|
|
disableAnchor: true,
|
|
|
echarts: {
|
|
echarts: {
|
|
|
- geoName: 'HK',
|
|
|
|
|
- // geoJson:
|
|
|
|
|
- geoUrl: '/geo/HK.json',
|
|
|
|
|
|
|
+ geoName: 'china',
|
|
|
|
|
+ geoUrl:
|
|
|
|
|
+ 'https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=100000_full',
|
|
|
option: {
|
|
option: {
|
|
|
- title: {
|
|
|
|
|
- text: 'Population Density of Hong Kong （2011）',
|
|
|
|
|
- subtext: 'Data from Wikipedia',
|
|
|
|
|
- sublink:
|
|
|
|
|
- 'http://zh.wikipedia.org/wiki/%E9%A6%99%E6%B8%AF%E8%A1%8C%E6%94%BF%E5%8D%80%E5%8A%83#cite_note-12',
|
|
|
|
|
- },
|
|
|
|
|
- tooltip: {
|
|
|
|
|
- trigger: 'item',
|
|
|
|
|
- formatter: '{b}<br/>{c} (p / km2)',
|
|
|
|
|
|
|
+ tooltip: {},
|
|
|
|
|
+ geo: {
|
|
|
|
|
+ map: 'china',
|
|
|
|
|
+ zoom: 1.6,
|
|
|
|
|
+ center: [105, 35],
|
|
|
|
|
+
|
|
|
|
|
+ label: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ // 地图区域的样式设置
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ borderColor: 'rgba(26,82,231, 1)',
|
|
|
|
|
+ borderWidth: 1,
|
|
|
|
|
+ areaColor: 'rgba(7, 52, 126, 0.3)',
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ areaColor: '#1677ff80',
|
|
|
|
|
+ borderColor: '#1677ff',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
- toolbox: {
|
|
|
|
|
- show: true,
|
|
|
|
|
- orient: 'vertical',
|
|
|
|
|
- left: 'right',
|
|
|
|
|
- top: 'center',
|
|
|
|
|
- feature: {
|
|
|
|
|
- dataView: { readOnly: false },
|
|
|
|
|
- restore: {},
|
|
|
|
|
- saveAsImage: {},
|
|
|
|
|
|
|
+ series: [
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '涟漪散点',
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ type: 'effectScatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
|
|
+ data: [{ name: '武汉', value: [114.31, 30.52] }],
|
|
|
|
|
+ symbolSize: 8,
|
|
|
|
|
+ showEffectOn: 'render',
|
|
|
|
|
+ rippleEffect: {
|
|
|
|
|
+ brushType: 'stroke',
|
|
|
|
|
+ },
|
|
|
|
|
+ hoverAnimation: true,
|
|
|
|
|
+ label: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{b}',
|
|
|
|
|
+ position: 'bottom',
|
|
|
|
|
+ color: 'yellow',
|
|
|
|
|
+ offset: [0, 4],
|
|
|
|
|
+ },
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color: 'yellow',
|
|
|
|
|
+ shadowBlur: 10,
|
|
|
|
|
+ shadowColor: 'yellow',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ zlevel: 1,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '散点',
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ type: 'scatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
|
|
+ data: [
|
|
|
|
|
+ { name: '北京', value: [116.4551, 40.2539] },
|
|
|
|
|
+ { name: '上海', value: [121.4648, 31.2891] },
|
|
|
|
|
+ { name: '广州', value: [113.12244, 23.009505] },
|
|
|
|
|
+ { name: '杭州', value: [119.5313, 29.8773] },
|
|
|
|
|
+ { name: '成都', value: [103.9526, 30.7617] },
|
|
|
|
|
+ ],
|
|
|
|
|
+ symbolSize: 8,
|
|
|
|
|
+ label: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{b}',
|
|
|
|
|
+ position: 'bottom',
|
|
|
|
|
+ color: '#36cfc9',
|
|
|
|
|
+ offset: [0, -2],
|
|
|
|
|
+ },
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color: '#36cfc9',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ zlevel: 1,
|
|
|
},
|
|
},
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '数据',
|
|
|
|
|
+ tooltip: { formatter: '{b}' },
|
|
|
|
|
+ animation: false,
|
|
|
|
|
+ type: 'scatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
|
|
+ symbol: 'pin',
|
|
|
|
|
+ symbolSize: 40,
|
|
|
|
|
+ label: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{b}',
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: '#fff',
|
|
|
|
|
+ fontSize: 9,
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color: '#F62157',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ zlevel: 6,
|
|
|
|
|
+ data: [
|
|
|
|
|
+ { name: 128, value: [114.31, 30.52] },
|
|
|
|
|
+ { name: 96, value: [116.4551, 40.2539] },
|
|
|
|
|
+ { name: 94, value: [121.4648, 31.2891] },
|
|
|
|
|
+ { name: 86, value: [113.12244, 23.009505] },
|
|
|
|
|
+ { name: 92, value: [119.5313, 29.8773] },
|
|
|
|
|
+ { name: 82, value: [103.9526, 30.7617] },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ realTimes: [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'echarts.option.series.2.data.0.name',
|
|
|
|
|
+ label: '武汉',
|
|
|
|
|
+ type: 'integer',
|
|
|
|
|
+ enableMock: true,
|
|
|
|
|
+ mock: '100-150',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ props: {
|
|
|
|
|
+ custom: [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'echarts',
|
|
|
|
|
+ label: 'echarts配置',
|
|
|
|
|
+ type: 'code',
|
|
|
},
|
|
},
|
|
|
- visualMap: {
|
|
|
|
|
- min: 800,
|
|
|
|
|
- max: 50000,
|
|
|
|
|
- text: ['High', 'Low'],
|
|
|
|
|
- realtime: false,
|
|
|
|
|
- calculable: true,
|
|
|
|
|
- inRange: {
|
|
|
|
|
- color: ['lightskyblue', 'yellow', 'orangered'],
|
|
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '湖北地图',
|
|
|
|
|
+ icon: 'l-line-chart',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ name: 'echarts',
|
|
|
|
|
+ width: 500,
|
|
|
|
|
+ height: 400,
|
|
|
|
|
+ externElement: true,
|
|
|
|
|
+ disableAnchor: true,
|
|
|
|
|
+ echarts: {
|
|
|
|
|
+ geoName: 'hubei',
|
|
|
|
|
+ geoUrl:
|
|
|
|
|
+ 'https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=420000_full',
|
|
|
|
|
+ option: {
|
|
|
|
|
+ tooltip: {},
|
|
|
|
|
+ geo: {
|
|
|
|
|
+ map: 'hubei',
|
|
|
|
|
+ zoom: 1.2,
|
|
|
|
|
+ label: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ // 地图区域的样式设置
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ areaColor: {
|
|
|
|
|
+ x: 0,
|
|
|
|
|
+ y: 0,
|
|
|
|
|
+ x2: 0,
|
|
|
|
|
+ y2: 1,
|
|
|
|
|
+ colorStops: [
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 0,
|
|
|
|
|
+ color: '#001d66a0',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 1,
|
|
|
|
|
+ color: '#061E3Da0',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ borderColor: 'rgba(26,82,231, 1)',
|
|
|
|
|
+ borderWidth: 1,
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ areaColor: '#1677ff80',
|
|
|
|
|
+ borderColor: '#1677ff',
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
- name: '香港18区人口密度',
|
|
|
|
|
- type: 'map',
|
|
|
|
|
- map: 'HK',
|
|
|
|
|
|
|
+ name: '涟漪',
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ type: 'effectScatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
|
|
+ data: [
|
|
|
|
|
+ { name: '武汉', value: [114.31, 30.52] },
|
|
|
|
|
+ { name: '襄阳', value: [112.12207, 31.933056] },
|
|
|
|
|
+ { name: '宜昌', value: [111.309082, 30.588625] },
|
|
|
|
|
+ { name: '荆州', value: [112.24292, 30.266177] },
|
|
|
|
|
+ ],
|
|
|
|
|
+ rippleEffect: {
|
|
|
|
|
+ scale: 10,
|
|
|
|
|
+ brushType: 'stroke',
|
|
|
|
|
+ },
|
|
|
|
|
+ showEffectOn: 'render',
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ shadowColor: '#0ff',
|
|
|
|
|
+ shadowBlur: 10,
|
|
|
|
|
+ shadowOffsetX: 0,
|
|
|
|
|
+ shadowOffsetY: 0,
|
|
|
|
|
+ color: {
|
|
|
|
|
+ colorStops: [
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 0,
|
|
|
|
|
+ color: '#61c0f1',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 1,
|
|
|
|
|
+ color: '#6f2eb6',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ x: 1,
|
|
|
|
|
+ y: 0,
|
|
|
|
|
+ x2: 0,
|
|
|
|
|
+ y2: 0,
|
|
|
|
|
+ type: 'linear',
|
|
|
|
|
+ global: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
label: {
|
|
label: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color: '#fff',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ symbol: 'circle',
|
|
|
|
|
+ symbolSize: [10, 5],
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ name: '图标',
|
|
|
|
|
+ type: 'scatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
|
|
+ symbol:
|
|
|
|
|
+ 'image://https://assets.le5lecdn.com/v%2Fmaterial%2F%E5%B8%B8%E7%94%A8%E5%9B%BE%E6%A0%87%2F%E5%9C%B0%E5%9B%BE%E6%A0%87%E6%B3%A8.svg',
|
|
|
|
|
+ symbolSize: [32, 32],
|
|
|
|
|
+ symbolOffset: [0, -20],
|
|
|
|
|
+ z: 9999,
|
|
|
|
|
+ data: [
|
|
|
|
|
+ { name: '武汉', value: [114.31, 30.52] },
|
|
|
|
|
+ { name: '襄阳', value: [112.12207, 31.933056] },
|
|
|
|
|
+ { name: '宜昌', value: [111.309082, 30.588625] },
|
|
|
|
|
+ { name: '荆州', value: [112.24292, 30.266177] },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ type: 'scatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
|
|
+ tooltip: { formatter: '统计：{b}' },
|
|
|
|
|
+ animation: false,
|
|
|
|
|
+ label: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{b}',
|
|
|
|
|
+ color: '#fff',
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ color: '#4583ff70',
|
|
|
|
|
+ },
|
|
|
|
|
+ symbol:
|
|
|
|
|
+ 'image://https://assets.le5lecdn.com/v/material/%E9%9D%A2%E6%9D%BF/%E9%9D%A2%E6%9D%BF8.svg',
|
|
|
|
|
+ symbolSize: [80, 36],
|
|
|
|
|
+ symbolOffset: [0, -60],
|
|
|
|
|
+ z: 999,
|
|
|
|
|
+ data: [
|
|
|
|
|
+ { name: '2514', value: [114.31, 30.52] },
|
|
|
|
|
+ { name: '1265', value: [112.12207, 31.933056] },
|
|
|
|
|
+ { name: '1563', value: [111.309082, 30.588625] },
|
|
|
|
|
+ { name: '1654', value: [112.24292, 30.266177] },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ realTimes: [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'echarts.option.series.2.data.0.name',
|
|
|
|
|
+ label: '武汉',
|
|
|
|
|
+ type: 'integer',
|
|
|
|
|
+ enableMock: true,
|
|
|
|
|
+ mock: '2000-3000',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ props: {
|
|
|
|
|
+ custom: [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'echarts',
|
|
|
|
|
+ label: 'echarts配置',
|
|
|
|
|
+ type: 'code',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '地图·流量',
|
|
|
|
|
+ icon: 'l-line-chart',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ name: 'echarts',
|
|
|
|
|
+ width: 500,
|
|
|
|
|
+ height: 400,
|
|
|
|
|
+ externElement: true,
|
|
|
|
|
+ disableAnchor: true,
|
|
|
|
|
+ echarts: {
|
|
|
|
|
+ geoName: 'china',
|
|
|
|
|
+ geoUrl:
|
|
|
|
|
+ 'https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=100000_full',
|
|
|
|
|
+ option: {
|
|
|
|
|
+ tooltip: {},
|
|
|
|
|
+ geo: {
|
|
|
|
|
+ map: 'china',
|
|
|
|
|
+ zoom: 1.6,
|
|
|
|
|
+ center: [105, 35],
|
|
|
|
|
+ label: {
|
|
|
|
|
+ normal: {
|
|
|
show: true,
|
|
show: true,
|
|
|
|
|
+ fontSize: 10,
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: '#fff',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: '#fff',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ // 地图区域的样式设置
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ borderColor: 'rgba(26,82,231, 1)',
|
|
|
|
|
+ borderWidth: 1,
|
|
|
|
|
+ areaColor: 'rgba(7, 52, 126, 0.3)',
|
|
|
|
|
+ },
|
|
|
|
|
+ emphasis: {
|
|
|
|
|
+ areaColor: '#1677ff80',
|
|
|
|
|
+ borderColor: '#1677ff',
|
|
|
},
|
|
},
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ series: [
|
|
|
|
|
+ {
|
|
|
|
|
+ name: '涟漪散点',
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ type: 'effectScatter',
|
|
|
|
|
+ coordinateSystem: 'geo',
|
|
|
data: [
|
|
data: [
|
|
|
- { name: '中西区', value: 20057.34 },
|
|
|
|
|
- { name: '湾仔', value: 15477.48 },
|
|
|
|
|
- { name: '东区', value: 31686.1 },
|
|
|
|
|
- { name: '南区', value: 6992.6 },
|
|
|
|
|
- { name: '油尖旺', value: 44045.49 },
|
|
|
|
|
- { name: '深水埗', value: 40689.64 },
|
|
|
|
|
- { name: '九龙城', value: 37659.78 },
|
|
|
|
|
- { name: '黄大仙', value: 45180.97 },
|
|
|
|
|
- { name: '观塘', value: 55204.26 },
|
|
|
|
|
- { name: '葵青', value: 21900.9 },
|
|
|
|
|
- { name: '荃湾', value: 4918.26 },
|
|
|
|
|
- { name: '屯门', value: 5881.84 },
|
|
|
|
|
- { name: '元朗', value: 4178.01 },
|
|
|
|
|
- { name: '北区', value: 2227.92 },
|
|
|
|
|
- { name: '大埔', value: 2180.98 },
|
|
|
|
|
- { name: '沙田', value: 9172.94 },
|
|
|
|
|
- { name: '西贡', value: 3368 },
|
|
|
|
|
- { name: '离岛', value: 806.98 },
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [118.8062, 31.9208],
|
|
|
|
|
+ itemStyle: { color: '#4ab2e5' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [127.9688, 45.368],
|
|
|
|
|
+ itemStyle: { color: '#4fb6d2' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [110.3467, 41.4899],
|
|
|
|
|
+ itemStyle: { color: '#52b9c7' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [125.8154, 44.2584],
|
|
|
|
|
+ itemStyle: { color: '#5abead' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [116.4551, 40.2539],
|
|
|
|
|
+ itemStyle: { color: '#f34e2b' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [123.1238, 42.1216],
|
|
|
|
|
+ itemStyle: { color: '#f56321' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [119.4543, 25.9222],
|
|
|
|
|
+ itemStyle: { color: '#f56f1c' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [117.4219, 39.4189],
|
|
|
|
|
+ itemStyle: { color: '#f58414' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [112.3352, 37.9413],
|
|
|
|
|
+ itemStyle: { color: '#f58f0e' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [109.1162, 34.2004],
|
|
|
|
|
+ itemStyle: { color: '#f5a305' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [103.5901, 36.3043],
|
|
|
|
|
+ itemStyle: { color: '#e7ab0b' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [106.3586, 38.1775],
|
|
|
|
|
+ itemStyle: { color: '#dfae10' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [101.4038, 36.8207],
|
|
|
|
|
+ itemStyle: { color: '#d5b314' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [103.9526, 30.7617],
|
|
|
|
|
+ itemStyle: { color: '#c1bb1f' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [108.384366, 30.439702],
|
|
|
|
|
+ itemStyle: { color: '#b9be23' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [113.0823, 28.2568],
|
|
|
|
|
+ itemStyle: { color: '#a6c62c' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ value: [102.9199, 25.46639],
|
|
|
|
|
+ itemStyle: { color: '#96cc34' },
|
|
|
|
|
+ },
|
|
|
|
|
+ { value: [114.31, 30.52] },
|
|
|
],
|
|
],
|
|
|
- // 自定义名称映射
|
|
|
|
|
- nameMap: {
|
|
|
|
|
- 'Central and Western': '中西区',
|
|
|
|
|
- Eastern: '东区',
|
|
|
|
|
- Islands: '离岛',
|
|
|
|
|
- 'Kowloon City': '九龙城',
|
|
|
|
|
- 'Kwai Tsing': '葵青',
|
|
|
|
|
- 'Kwun Tong': '观塘',
|
|
|
|
|
- North: '北区',
|
|
|
|
|
- 'Sai Kung': '西贡',
|
|
|
|
|
- 'Sha Tin': '沙田',
|
|
|
|
|
- 'Sham Shui Po': '深水埗',
|
|
|
|
|
- Southern: '南区',
|
|
|
|
|
- 'Tai Po': '大埔',
|
|
|
|
|
- 'Tsuen Wan': '荃湾',
|
|
|
|
|
- 'Tuen Mun': '屯门',
|
|
|
|
|
- 'Wan Chai': '湾仔',
|
|
|
|
|
- 'Wong Tai Sin': '黄大仙',
|
|
|
|
|
- 'Yau Tsim Mong': '油尖旺',
|
|
|
|
|
- 'Yuen Long': '元朗',
|
|
|
|
|
|
|
+ symbolSize: 8,
|
|
|
|
|
+ showEffectOn: 'render',
|
|
|
|
|
+ rippleEffect: {
|
|
|
|
|
+ brushType: 'stroke',
|
|
|
|
|
+ },
|
|
|
|
|
+ hoverAnimation: true,
|
|
|
|
|
+ label: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ formatter: '{b}',
|
|
|
|
|
+ position: 'bottom',
|
|
|
|
|
+ color: 'yellow',
|
|
|
|
|
+ offset: [0, 4],
|
|
|
},
|
|
},
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color: '#1DE9B6',
|
|
|
|
|
+ shadowBlur: 10,
|
|
|
|
|
+ shadowColor: '#333',
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ zlevel: 1,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ type: 'lines',
|
|
|
|
|
+ zlevel: 2,
|
|
|
|
|
+ effect: {
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ period: 4, //箭头指向速度，值越小速度越快
|
|
|
|
|
+ trailLength: 0.4, //特效尾迹长度[0,1]值越大，尾迹越长重
|
|
|
|
|
+ symbol: 'arrow', //箭头图标
|
|
|
|
|
+ symbolSize: 7, //图标大小
|
|
|
|
|
+ },
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ normal: {
|
|
|
|
|
+ color: '#1DE9B6',
|
|
|
|
|
+ width: 1,
|
|
|
|
|
+ opacity: 0.1, //尾迹线条透明度
|
|
|
|
|
+ curveness: 0.3, //尾迹线条曲直度
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ data: [
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [118.8062, 31.9208],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#4ab2e5' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [127.9688, 45.368],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#4fb6d2' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [110.3467, 41.4899],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#52b9c7' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [125.8154, 44.2584],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#5abead' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [116.4551, 40.2539],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#f34e2b' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [123.1238, 42.1216],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#f56321' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [119.4543, 25.9222],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#f56f1c' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [117.4219, 39.4189],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#f58414' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [112.3352, 37.9413],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#f58f0e' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [109.1162, 34.2004],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#f5a305' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [103.5901, 36.3043],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#e7ab0b' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [106.3586, 38.1775],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#dfae10' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [101.4038, 36.8207],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#d5b314' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [103.9526, 30.7617],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#c1bb1f' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [108.384366, 30.439702],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#b9be23' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [113.0823, 28.2568],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#a6c62c' },
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ coords: [
|
|
|
|
|
+ [102.9199, 25.46639],
|
|
|
|
|
+ [114.31, 30.52],
|
|
|
|
|
+ ],
|
|
|
|
|
+ lineStyle: { color: '#96cc34' },
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
|
|
+ realTimes: [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'echarts.option.series.2.data.0.name',
|
|
|
|
|
+ label: '武汉',
|
|
|
|
|
+ type: 'integer',
|
|
|
|
|
+ // enableMock: true,
|
|
|
|
|
+ // mock: '100-150',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ props: {
|
|
|
|
|
+ custom: [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'echarts',
|
|
|
|
|
+ label: 'echarts配置',
|
|
|
|
|
+ type: 'code',
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
Alsmile