代码提交

pqs-event/event-boot/src/main/resources/templates/bar10.ftl

@@ -0,0 +1,149 @@
+<#--暂降密度点图专用模板-->
+{
+backgroundColor: "#fff",
+tooltip: {
+trigger: "axis",
+},
+title: {
+text: "暂降密度图",
+x: "center",
+},
+toolbox: {
+show: true,
+feature: {
+
+
+myFull: {
+show: true,
+title: "全屏查看",
+icon: "path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891",
+onclick: (e) => {
+this.fullFlag = true;
+let element = document.getElementById("main");
+// element.setOption(pacchartOption4);
+if (element.requestFullScreen) {
+// HTML W3C 提议
+element.requestFullScreen();
+} else if (element.msRequestFullscreen) {
+// IE11
+element.msRequestFullScreen();
+} else if (element.webkitRequestFullScreen) {
+// Webkit (works in Safari5.1 and Chrome 15)
+element.webkitRequestFullScreen();
+} else if (element.mozRequestFullScreen) {
+// Firefox (works in nightly)
+element.mozRequestFullScreen();
+}
+// 退出全屏
+if (element.requestFullScreen) {
+document.exitFullscreen();
+} else if (element.msRequestFullScreen) {
+document.msExitFullscreen();
+} else if (element.webkitRequestFullScreen) {
+document.webkitCancelFullScreen();
+} else if (element.mozRequestFullScreen) {
+document.mozCancelFullScreen();
+}
+},
+},
+},
+},
+visualMap: {
+max: 20,
+show: false,
+inRange: {
+color: ["#313695", "#00BB00", "#ff8000", "#a50026"],
+},
+},
+xAxis3D: {
+type: "category",
+name: "剩余电压(%)",
+data: [
+"0-10",
+"10-20",
+"20-30",
+"30-40",
+"40-50",
+"50-60",
+"60-70",
+"70-80",
+"80-90",
+"90-100",
+],
+
+},
+yAxis3D: {
+type: "category",
+name: "持续时间(cyc)",
+data: [
+"1cyc",
+"2cyc",
+"3cyc",
+"4cyc",
+"5cyc",
+"6~10cyc",
+"10~20cyc",
+"20~30cyc",
+"30~60cyc",
+],
+
+splitLine: {
+lineStyle: {
+// 使用深浅的间隔色
+color: ["#"],
+type: "dashed",
+opacity: 0.5,
+},
+},
+},
+zAxis3D: {
+type: "value",
+splitNumber: 10,
+minInterval: 10,
+name: "次数",
+
+},
+grid3D: {
+boxWidth: 200,
+boxDepth: 80,
+light: {
+main: {
+intensity: 1.2,
+},
+ambient: {
+intensity: 0.3,
+},
+},
+},
+series: [{
+type: "bar3D",
+data:  ${data}.map(function(item) {
+return {
+value: [item.x, item.y, item.z],
+};
+}),
+shading: "realistic",
+label: {
+show: false,
+textStyle: {
+fontSize: 16,
+borderWidth: 1,
+},
+},
+
+itemStyle: {
+opacity: 1,
+},
+emphasis: {
+label: {
+textStyle: {
+fontSize: 20,
+color: "#900",
+},
+},
+itemStyle: {
+color: "#900",
+},
+},
+}, ],
+};