11import * as echarts from 'echarts'
22import 'echarts-gl'
3+ import wlimg from '../../assets/images/wl.png'
4+
35export const chartOptions = {
46 setOption2 ( ) {
57 function Pie ( ) {
@@ -1003,7 +1005,7 @@ export const chartOptions = {
10031005 itemStyle : {
10041006 color : '#286ECA' , // 地图板块的颜色
10051007 opacity : 1 , // 图形的不透明度 [ default: 1 ]
1006- borderWidth : 0.5 , // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域
1008+ borderWidth : 1 , // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域
10071009 borderColor : '#286ECA' // 图形描边的颜色。[ default: #333 ]
10081010 } ,
10091011 // 标签的相关设置
@@ -1023,7 +1025,7 @@ export const chartOptions = {
10231025 label : {
10241026 // label 高亮时的配置
10251027 show : true ,
1026- textStyle : {
1028+ axisLabel : {
10271029 color : '#fff' , // 高亮时标签颜色变为 白色
10281030 fontSize : 15 // 高亮时标签字体 变大
10291031 }
@@ -1033,11 +1035,25 @@ export const chartOptions = {
10331035 color : '#66ffff' // 高亮时地图板块颜色改变
10341036 }
10351037 } ,
1038+ // 将echarts设置为纹理
1039+ shading : 'realistic' ,
1040+ realisticMaterial : {
1041+ // 引入纹理贴图
1042+ detailTexture : wlimg ,
1043+ textureTiling : 1
1044+ } ,
10361045
10371046 viewControl : {
1038- panSensitivity : 2 ,
1039- zoomSensitivity : 2 ,
1040- rotateSensitivity : 2
1047+ panMouseButton : 'left' ,
1048+ rotateMouseButton : 'right' ,
1049+ rotateSensitivity : 1 , // 旋转操作的灵敏度,值越大越灵敏
1050+ panSensitivity : 1 , // 平移操作的灵敏度,值越大越灵敏
1051+ zoomSensitivity : 2 , // 缩放操作的灵敏度,值越大越灵敏
1052+ distance : 120 ,
1053+ minAlpha : 5 , // 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
1054+ maxAlpha : 90 , // 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
1055+ minBeta : - 360 , // 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
1056+ maxBeta : 360 // 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]
10411057 }
10421058 }
10431059 ]
0 commit comments