1
1
import * as echarts from 'echarts'
2
2
import 'echarts-gl'
3
+ import wlimg from '../../assets/images/wl.png'
4
+
3
5
export const chartOptions = {
4
6
setOption2 ( ) {
5
7
function Pie ( ) {
@@ -1003,7 +1005,7 @@ export const chartOptions = {
1003
1005
itemStyle : {
1004
1006
color : '#286ECA' , // 地图板块的颜色
1005
1007
opacity : 1 , // 图形的不透明度 [ default: 1 ]
1006
- borderWidth : 0.5 , // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域
1008
+ borderWidth : 1 , // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域
1007
1009
borderColor : '#286ECA' // 图形描边的颜色。[ default: #333 ]
1008
1010
} ,
1009
1011
// 标签的相关设置
@@ -1023,7 +1025,7 @@ export const chartOptions = {
1023
1025
label : {
1024
1026
// label 高亮时的配置
1025
1027
show : true ,
1026
- textStyle : {
1028
+ axisLabel : {
1027
1029
color : '#fff' , // 高亮时标签颜色变为 白色
1028
1030
fontSize : 15 // 高亮时标签字体 变大
1029
1031
}
@@ -1033,11 +1035,25 @@ export const chartOptions = {
1033
1035
color : '#66ffff' // 高亮时地图板块颜色改变
1034
1036
}
1035
1037
} ,
1038
+ // 将echarts设置为纹理
1039
+ shading : 'realistic' ,
1040
+ realisticMaterial : {
1041
+ // 引入纹理贴图
1042
+ detailTexture : wlimg ,
1043
+ textureTiling : 1
1044
+ } ,
1036
1045
1037
1046
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 ]
1041
1057
}
1042
1058
}
1043
1059
]
0 commit comments