增加图表统计的交互事件

Author: 潘卓然-中地数码台式机

js/charts.js

@@ -49,7 +49,8 @@ function initCube(config, divid, name) {
         return {
           name: e.name,
           value: e.diffcult,
-          path: item.name + "/" + e.name
+          path: item.name + "/" + e.name,
+          url: item.folder + "-" + e.file
         };
       });
       return { children: first, name: item.name, value: diff, path: item.name };
@@ -61,7 +62,8 @@ function initCube(config, divid, name) {
           return {
             name: e.name,
             value: e.diffcult,
-            path: item.name + "/" + child.name + "/" + e.name
+            path: item.name + "/" + child.name + "/" + e.name,
+            url: item.folder + "-" + child.folder + "-" + e.file
           };
         });
         return {
@@ -76,7 +78,9 @@ function initCube(config, divid, name) {
   });
 
   var myChart = echarts.init(document.getElementById(divid), "light");
-
+  myChart.on("click", function(params) {
+    window.open("../ui/demos-" + name + ".html#" + params.data.url);
+  });
   myChart.setOption(
     (option = {
       title: {

ui/total-charts.html

@@ -144,10 +144,10 @@ <h4 class="title text-center">人员统计</h4>
         $("#body-header").load("../ui/header.html");
         $("#body-footer").load("../ui/footer.html");
 
-        initCube(LEAFLET_CONFIG, "leaflet-cube", 'Leaflet');
-        initCube(CESIUM_CONFIG, "cesium-cube", 'Cesium');
-        initCube(MAPBOXGL_CONFIG, "mapboxgl-cube", 'MapboxGL');
-        initCube(OPENLAYERS_CONFIG, "openlayers-cube", 'OpenLayers5');
+        initCube(LEAFLET_CONFIG, "leaflet-cube", 'leaflet');
+        initCube(CESIUM_CONFIG, "cesium-cube", 'cesium');
+        initCube(MAPBOXGL_CONFIG, "mapboxgl-cube", 'mapbox');
+        initCube(OPENLAYERS_CONFIG, "openlayers-cube", 'openlayers');
 
         initTree(LEAFLET_CONFIG, "leaflet-tree", '中地数码-WebClient-JavaScript-Leaflet');
         initTree(CESIUM_CONFIG, "cesium-tree", '中地数码-WebClient-JavaScript-Cesium');