信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.js 2.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. // import Chart3D from "./main.js";
  2. import Chart3D from "../../../src/chart/map/ChartProvinceSX/ChartProvinceSX.js";
  3. import {TimelineMax, TweenMax, Power1, Linear} from "gsap";
  4. window.wbst = window.wbst || {};
  5. window.wbst.Chart3D = Chart3D;
  6. var options = [{
  7. type:'map',
  8. id:'map',
  9. style:{
  10. emphasisColor:"#b1e1f3",
  11. }
  12. },{
  13. type:'line',
  14. id:'line-1',
  15. style:{
  16. lineWidth: 4,
  17. dotSize: 10,
  18. rippleSize: 2,
  19. color:"#b1e1f3"
  20. },
  21. data:[{
  22. "from": [ 112.55, 37.87],
  23. "to": [ 113.50, 39.48]
  24. },{
  25. "from": [ 112.55, 37.87],
  26. "to": [ 113.37, 37.35]
  27. },{
  28. "from": [ 112.55, 37.87],
  29. "to": [ 111.03, 37.92 ]
  30. },{
  31. "from": [ 112.55, 37.87],
  32. "to": [ 112.43, 35.99]
  33. },{
  34. "from": [ 112.55, 37.87],
  35. "to": [ 110.88, 35.52]
  36. }]
  37. },{
  38. type:'dot',
  39. id:'dot-1',
  40. style:{},
  41. data:[{
  42. name:"太原",
  43. coord:[112.55, 37.87 ],
  44. value:300
  45. },{
  46. "name": "大同",
  47. "coord": [ 113.30, 40.08 ],
  48. "value": 210
  49. },{
  50. "name": "阳泉市",
  51. "coord": [ 113.57, 37.85 ],
  52. "value": 120
  53. },{
  54. "name": "长治市",
  55. "coord": [ 113.12, 36.20 ],
  56. "value": 100
  57. },{
  58. "name": "晋城市",
  59. "coord": [ 112.83, 35.50 ],
  60. "value": 160
  61. },{
  62. "name": "朔州市",
  63. "coord": [ 112.43, 39.33 ],
  64. "value": 200
  65. },{
  66. "name": "晋中市",
  67. "coord": [ 112.75, 37.68 ],
  68. "value": 90
  69. },{
  70. "name": "运城市",
  71. "coord": [ 110.98, 35.02 ],
  72. "value": 110
  73. },{
  74. "name": "忻州市",
  75. "coord": [ 112.73, 38.42 ],
  76. "value": 70
  77. },{
  78. "name": "临汾市",
  79. "coord": [ 111.52, 36.08 ],
  80. "value": 50
  81. },{
  82. "name": "吕梁市",
  83. "coord": [ 111.13, 37.52 ],
  84. "value": 60
  85. }]
  86. }]
  87. document.documentElement.style.fontSize = document.documentElement.clientWidth/120 + "px";
  88. let chart = new Chart3D( document.getElementById("threeDBox"), options);
  89. window.addEventListener('elementClick', resp => {
  90. console.log(resp)
  91. })
  92. setTimeout(()=>{
  93. // options[0].style.emphasisColor = "#000";
  94. // options[1].style.lineWidth = 30;
  95. // options[2].data[1].coord = [112.318425,36.967821];
  96. chart.setOption(options)
  97. })