index.js 3.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. import Chart from "../../../src/chart/factory/ChartFactory1/ChartFactory1";
  2. let bar = new Chart(document.querySelector(".c1"), {});
  3. window.addEventListener("resize", function () {
  4. bar.resize()
  5. });
  6. let modelAll = {
  7. // factory:`${window.location.origin}/static/staticFactory/model/model1_out/model2_d.gltf`,
  8. 总装车间: `${window.location.origin}/static/staticFactory/model/f04_out/f04_r.gltf`,
  9. 涂装车间: `${window.location.origin}/static/staticFactory/model/f03_out/f03_r.gltf`,
  10. factory: `${window.location.origin}/static/staticFactory/model/factory_out/factory_d.gltf`,
  11. // config:`${window.location.origin}/static/staticFactory/config.json`,
  12. config: `${window.location.origin}/static/staticFactory/model/model1_out/config.json`,
  13. line:`${window.location.origin}/static/staticFactory/model/line.dae`
  14. };
  15. let modelAll2 = {
  16. factory: `${window.location.origin}/static/staticFactory/model/model1_out/model2_d.gltf`,
  17. // 总装车间:`${window.location.origin}/static/staticFactory/model/f04_out/f04_r.gltf`,
  18. // factory:`${window.location.origin}/static/staticFactory/model/factory_out/factory_d.gltf`,
  19. config: `${window.location.origin}/static/staticFactory/config.json`,
  20. // config:`${window.location.origin}/static/staticFactory/model/model1_out/config.json`,
  21. line: `${window.location.origin}/static/staticFactory/line.dae`
  22. };
  23. let modelAll3 = {
  24. factory: `${window.location.origin}/static/staticFactory/model/factory424/factory424_d.gltf`,
  25. 总装车间:`${window.location.origin}/static/staticFactory/model/f04_out/f04_r.gltf`,
  26. // factory:`${window.location.origin}/static/staticFactory/model/factory_out/factory_d.gltf`,
  27. config: `${window.location.origin}/static/staticFactory/model/model1_out/config.json`,
  28. // config:`${window.location.origin}/static/staticFactory/model/model1_out/config.json`,
  29. // line: `${window.location.origin}/static/staticFactory/line.dae`,
  30. roamLine: `${window.location.origin}/static/staticFactory/roamLine.dae`,
  31. };
  32. setTimeout(() => {
  33. bar.changeModel(modelAll3);
  34. bar.setOption(opt)
  35. }, 1000)
  36. // setTimeout(()=>{
  37. // console.log(555)
  38. // bar.setOption(opt);
  39. // },5000)
  40. let opt = {
  41. color: ['#01FF91', '#00FFF0', '#00DEFF', '#009BFF', '#014EFF', '#6200FF', '#E400FF', '#FF50EB', '#FF9600', '#FFFF00', '#FFFFFF'],
  42. btn: {
  43. backIcon: {
  44. color: "#ff0000",
  45. background: "#00ff00",
  46. border: "#00ff00",
  47. hovorColor: '#0000ff',
  48. hoverBackground: '#f00000',
  49. hoverBorder: '#f00000'
  50. },
  51. productIcon: {
  52. color: "#ff0000",
  53. background: "#ff00ff",
  54. border: "#ff00ff",
  55. hovorColor: '#000000',
  56. hoverBackground: '#00ffff',
  57. hoverBorder: '#00ffff'
  58. },
  59. },
  60. shape: {
  61. scale: 1,
  62. tipY: 0,
  63. lineScale:0.01
  64. },
  65. series: [
  66. {
  67. name: "映射id",
  68. data: ["f01", "f02", "f03", "f04"]
  69. },
  70. {
  71. name: "字段1",
  72. data: [1, 2, 3, 4]
  73. },
  74. {
  75. name: "字段2",
  76. data: [11, 22, 33, 44]
  77. }
  78. ]
  79. };
  80. // setTimeout(()=>{
  81. // bar.setOption(opt2);
  82. // },6000)
  83. // let p;
  84. //
  85. // setTimeout(()=>{
  86. // bar.setCameraPosition(p);
  87. // },4000);