面试前必看！卦象揭示成功秘笈

#main_information { width: 100%; height: 600px; } document.addEventListener(“DOMContentLoaded”, function() { am5.ready(function() { // Create root element var root = am5.Root.new(“main_information”); root._logo.dispose(); //水印 // Set themes root.setThemes([ am5themes_Animated.new(root) ]); var zoomableContainer = root.container.children.push( am5.ZoomableContainer.new(root, { width: am5.p100, height: am5.p100, wheelable: false,// 设置为false以禁用鼠标滚轮缩放 pinchZoom: true// 如果您也想禁用触摸屏的缩放，可以将此设为false }) ); var zoomTools = zoomableContainer.children.push(am5.ZoomTools.new(root, { target: zoomableContainer })); // Create series var series = zoomableContainer.contents.children.push(am5hierarchy.ForceDirected.new(root, { singleBranchOnly: false, downDepth: 1, initialDepth: 10, nodePadding: 20, valueField: “value”, categoryField: “name”, childDataField: “children” })); series.linkBullets.push(function(root, source, target) { const bullet = am5.Bullet.new(root, { locationX: 0.5, autoRotate: true, autoRotateAngle: 180, sprite: am5.Graphics.new(root, { fill: source.get(“fill”), centerY: am5.percent(50), centerX: am5.percent(50), draw: function(display) { display.moveTo(0, -6); display.lineTo(16, 0); display.lineTo(0, 6); display.lineTo(3, 0); display.lineTo(0, -6); } }) }); bullet.animate({ key: “locationX”, to: -0.1, from: 1.1, duration: Math.random() * 500 + 1000, loops: Infinity, easing: am5.ease.quad }); return bullet; }); series.labels.template.set(“minScale”, 0); // Set data var data = { name: “农历”, value: 7, children: [ { name: “十二天神”, value: 3, children: [ { name: “值日”, value: 2, children: [ { name: “司命”, value: 2 } ] }, { name: “值日类型”, value: 2, children: [ { name: “黄道”, value: 2 } ] }, { name: “值日吉凶”, value: 2, children: [ { name: “吉”, value: 2 } ] } ] }, { name: “节气”, value: 3, children: [ { name: “当前节”, value: 2, children: [ { name: “❌”, value: 2 } ] }, { name: “当前气”, value: 2, children: [ { name: “❌”, value: 2 } ] }, { name: “上一节气”, value: 2, children: [ { name: “芒种”, value: 2 } ] }, { name: “下一节气”, value: 2, children: [ { name: “夏至”, value: 2 } ] }, { name: “三伏”, value: 2, children: [ { name: “❌”, value: 2 } ] }, { name: “数九”, value: 2, children: [ { name: “❌”, value: 2 } ] } ] }, { name: “二十八星宿”, value: 3, children: [ { name: “星宿”, value: 2, children: [ { name: “胃”, value: 2 } ] }, { name: “动物”, value: 2, children: [ { name: “彘”, value: 2 } ] }, { name: “吉凶”, value: 2, children: [ { name: “吉”, value: 2 } ] } ] }, { name: “冲煞”, value: 5, children: [ { name: “日地支冲”, value: 2, children: [ { name: “子”, value: 2 } ] }, { name: “日无情之克”, value: 2, children: [ { name: “壬”, value: 2 } ] }, { name: “日有情之克”, value: 2, children: [ { name: “癸”, value: 2 } ] }, { name: “日地冲生肖”, value: 2, children: [ { name: “鼠”, value: 2 } ] }, { name: “日煞”, value: 1, children: [ { name: “北”, value: 2 } ] } ] } ] }; // Set data series.data.setAll([data]); series.set(“selectedDataItem”, series.dataItems[0]); // Make stuff animate on load series.appear(1000, 100); }); // end am5.ready() });