123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
-
- // import Chart3D from "./main.js";
- import Chart3D from "../../../src/chart/map/ChartProvinceSX/ChartProvinceSX.js";
- import {TimelineMax, TweenMax, Power1, Linear} from "gsap";
-
- window.wbst = window.wbst || {};
- window.wbst.Chart3D = Chart3D;
-
-
- var options = [{
- type:'map',
- id:'map',
- style:{
- emphasisColor:"#b1e1f3",
- }
- },{
- type:'line',
- id:'line-1',
- style:{
- lineWidth: 4,
- dotSize: 10,
- rippleSize: 2,
- color:"#b1e1f3"
- },
- data:[{
- "from": [ 112.55, 37.87],
- "to": [ 113.50, 39.48]
- },{
- "from": [ 112.55, 37.87],
- "to": [ 113.37, 37.35]
- },{
- "from": [ 112.55, 37.87],
- "to": [ 111.03, 37.92 ]
- },{
- "from": [ 112.55, 37.87],
- "to": [ 112.43, 35.99]
- },{
- "from": [ 112.55, 37.87],
- "to": [ 110.88, 35.52]
- }]
- },{
- type:'dot',
- id:'dot-1',
- style:{},
- data:[{
- name:"太原",
- coord:[112.55, 37.87 ],
- value:300
- },{
- "name": "大同",
- "coord": [ 113.30, 40.08 ],
- "value": 210
- },{
- "name": "阳泉市",
- "coord": [ 113.57, 37.85 ],
- "value": 120
- },{
- "name": "长治市",
- "coord": [ 113.12, 36.20 ],
- "value": 100
- },{
- "name": "晋城市",
- "coord": [ 112.83, 35.50 ],
- "value": 160
- },{
- "name": "朔州市",
- "coord": [ 112.43, 39.33 ],
- "value": 200
- },{
- "name": "晋中市",
- "coord": [ 112.75, 37.68 ],
- "value": 90
- },{
- "name": "运城市",
- "coord": [ 110.98, 35.02 ],
- "value": 110
- },{
- "name": "忻州市",
- "coord": [ 112.73, 38.42 ],
- "value": 70
- },{
- "name": "临汾市",
- "coord": [ 111.52, 36.08 ],
- "value": 50
- },{
- "name": "吕梁市",
- "coord": [ 111.13, 37.52 ],
- "value": 60
- }]
- }]
-
-
-
-
-
-
- document.documentElement.style.fontSize = document.documentElement.clientWidth/120 + "px";
- let chart = new Chart3D( document.getElementById("threeDBox"), options);
-
- window.addEventListener('elementClick', resp => {
- console.log(resp)
- })
-
-
- setTimeout(()=>{
- // options[0].style.emphasisColor = "#000";
- // options[1].style.lineWidth = 30;
- // options[2].data[1].coord = [112.318425,36.967821];
- chart.setOption(options)
- })
|