1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
| function StoreSign(option,store3D) {
| let optionCube = {
| length: option.Length,
| width: option.Width,
| height: option.Height,
| position: {
| x: option.Position.X,
| y: option.Position.Y,
| z: option.Position.Z
| },
| style: {
| transparent:1,
| opacity:0.2,
| color: 0x17CEBC,
| depthTest:0
| },
| };
| let div=document.createElement("div");
| div.style.width="400px";
| div.style.height="400px";
|
| this.signChart=echarts.init(div);
| let optionChart = {
| backgroundColor: 'rgba(0, 0, 0, 0)',
| title: {
| text: option.Name,
|
| textStyle: {
| color: '#fff',
| fontSize: 30,
| fontWeight: 'bold'
| },
| left: 'center',
| bottom: '42%',
|
| itemGap: 60,
| },
| tooltip: {
| show: false,
| },
| legend: {
|
| },
| series: [{
| name: '内圈',
| type: 'pie',
| hoverAnimation: false,
| tooltip: {
|
| },
| radius: [0, "38%"],
| color: ['#55a2f2', '#0065ba', '#35a2ff', '#12cbf6'],
| label: {
| normal: {
| show: false,
| position: 'center',
| color: '#fff',
| formatter: function(params) {
| return params.value
| },
| },
| },
| labelLine: {
| normal: {
| show: false
| }
| },
| data: [{
| value: 0,
| itemStyle: {
| normal: {
| color: "rgba(20,198,249,1)"
| }
| }
| }, ]
| },
| ]
| };
|
| this.signChart.setOption(optionChart);
|
| let signFihishchart=this.signChart;
| window.onresize = function(){
| signFihishchart.resize();
| }
| this.signChart.on('finished',function () {
| let spriteMap = new THREE.TextureLoader().load(signFihishchart.getDataURL() );
|
| let spriteMaterial = new THREE.SpriteMaterial({
| transparent: true,
| map: spriteMap,
| side: THREE.DoubleSide
| });
|
| let sprite = new THREE.Sprite( spriteMaterial );
| sprite.type='StoreSign';
| sprite.scale.set(250, 250, 1);
| sprite.uuid=option.No;
| sprite.name=option.Name;
| let y= option.Height+50;
| sprite.position.set(option.Position.X, y, option.Position.Z);
| store3D.objectLockPointer.push(sprite);
| store3D.addObject(sprite);
| })
|
| }
|
|
