Skip to content

Commit 8ecd19c

Browse files
committed
master: Added 添加纹理
1 parent 4b0fc34 commit 8ecd19c

File tree

2 files changed

+21
-5
lines changed

2 files changed

+21
-5
lines changed

src/assets/images/wl.png

371 KB
Loading

src/components/ECharts/optionsConfig.js

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import * as echarts from 'echarts'
22
import 'echarts-gl'
3+
import wlimg from '../../assets/images/wl.png'
4+
35
export 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

Comments
 (0)