• Edit
  • Download
  • <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>ZingSoft Demo</title>
    
      <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
      <style>
        html,
        body {
          height: 100%;
          width: 100%;
          margin: 0;
          padding: 0;
          background-color: #fff;
        }
    
        #myChart {
          height: 100%;
          width: 100%;
          min-height: 150px;
        }
    
        .zc-ref {
          display: none;
        }
    
        button {
          padding: 10px;
          margin: 10px;
        }
      </style>
    </head>
    
    <body>
      <button onClick="toggleChartType();">Toggle Chart Type</button>
      <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
      <script>
        ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
        var currentChartType = 'line3d';
    
        function toggleChartType() {
          if (currentChartType === 'line3d') currentChartType = 'area3d';
          else currentChartType = 'line3d';
    
          // use api to preserve zoom and set chart type
          zingchart.exec('myChart', 'setcharttype', {
            type: currentChartType,
            'preserve-state': true
          });
        }
    
        // window:load event for Javascript to run after HTML
        // because this Javascript is injected into the document head
        window.addEventListener('load', () => {
          // Javascript code to execute after DOM content
    
          var myConfig = {
            "graphset": [{
              "3d-aspect": {
                "zoom": 0.7,
                "offset-x": -150,
                "x-angle": -25,
                "y-angle": -25,
                "z-angle": 0,
                "depth": 400
              },
              "globals": {
                "font-family": "Lucida Sans Unicode"
              },
              "type": "line3d",
              "plotarea": {
                "margin": "50 0 250 0"
              },
              preview: {
                mask: {
                  backgroundColor: '#1565c0'
                }
              },
              "scaleX": {
                "zooming": true,
                "normalize": true,
                "max-items": 9,
                "background-color": "#fff",
                "guide": {
                  "visible": true
                },
                "tick": {
                  "line-width": 1,
                  "line-color": "#000",
                  "visible": true,
                  "size": 10
                },
                "item": {
                  "padding": 10,
                  "angle": 0,
                  "lock-rotation": true
                },
                "axis": {
                  "line-width": 4,
                  "line-color": "#000"
                },
                "label": {
                  "font-size": 12,
                  "text": "f(Hz)"
                }
              },
              "scaleY": {
                "values": "0:6:1",
                "background-color": "#fff",
                "tick": {
                  "line-width": 1,
                  "line-color": "#000",
                  "visible": true,
                  "size": 10
                },
                "guide": {
                  "visible": true
                },
                "axis": {
                  "line-width": 4,
                  "line-color": "#000"
                },
                "item": {
                  "padding": 10,
                  "angle": 0,
                  "lock-rotation": true
                },
                "label": {
                  "font-size": 12,
                  "text": "A(mm/s)"
                }
              },
              "scaleZ": {
                "axis": {
                  "line-color": "#000",
                  "line-width": 2
                },
                "values": ["10-10-09", "10-12-09", "11-01-13", "11-03-08", "11-06-09", "11-07-06"],
                "guide": {
                  "visible": true
                },
                "item": {
                  "lock-rotation": true,
                  "font-size": 10,
                  "auto-align": true
                },
                "label": {
                  "font-size": 12,
                  "font-weight": "bold",
                  "text": "Sample"
                },
                "tick": {
                  "line-color": "#000",
                  "size": 10
                }
              },
              "plot": {
                "depth": 1,
              },
              "labels": [{
                  "id": "flag_1",
                  "text": "A",
                  "hook": "node:plot=3,index=20",
                  "3d": true,
                  "background-color": "#eee",
                  "width": 25,
                  "height": 25,
                  "font-weight": "bold",
                  "border-radius": 9,
                  "callout": true,
                  "callout-position": "bottom",
                  "callout-height": 1,
                  "callout-extension": 20,
                  "offset-y": -35,
                  "anchor": "c",
                  "border-width": 1,
                  "border-color": "#999"
                },
                {
                  "id": "flag_2",
                  "text": "B",
                  "hook": "node:plot=5,index=40",
                  "3d": true,
                  "background-color": "#eee",
                  "width": 25,
                  "height": 25,
                  "padding-left": 8,
                  "font-weight": "bold",
                  "border-radius": "-12 3 0 -12",
                  "callout": true,
                  "callout-position": "bottom",
                  "callout-offset": "0% 48%",
                  "callout-height": 1,
                  "callout-width": 0,
                  "callout-extension": 20,
                  "offset-y": -35,
                  "offset-x": -10,
                  "anchor": "c",
                  "border-width": 1,
                  "border-color": "#999"
                }
              ],
              "series": [{
                  "text": "Frequency Signal A",
                  "line-color": "#036",
                  "border-color": "#036",
                  "background-color": "#036",
                  "values": [0, 0.240125, 0.241725, 0.116675, 0.0817, 0.057025, 0.13415, 0.19035, 0.05725, 0.15895, 0.239125, 0.216425, 0.157075, 0.17205, 0.1821, 0.21815, 0.22315, 0.1023, 0.06555, 0.028275, 5.0076, 0.04225, 0.112325, 0.16975, 0.04685, 0.06275, 0.203125, 0.18285, 0.247725, 0.090175, 0.186875, 0.10225, 0.0446, 0.029925, 0.2173, 0.04345, 0.167125, 0.066925, 0.1486, 0.14975, 2.9928, 0.05105, 0.013525, 0.188475, 0.059925, 0.0501, 0.2203, 0.127825, 0.22935, 0.0308, 0.24365, 0.10705, 0.145275, 0.02725, 0.066425, 0.084275, 0.0222, 0.0272, 0.19085, 0.18555, 1.799, 0.184525, 0.129525, 0.12895, 0.184125, 0.1376, 0.23655, 0.143875, 0.009575, 0.194675, 0.0748, 0.0327, 0.04325, 0.189625, 0.23765, 0.180925, 0.02745, 0.241725, 0.14705, 0.23445, 1.9782, 0.147925, 0.10615, 0.00585, 0.01825, 0.0238, 0.162575, 0.100725, 0.089, 0.059125, 0.1054, 0.115275, 0.0861, 0.1532, 0.08395, 0.1783, 0.04565, 0.196425, 0.139725, 0.09185]
                },
                {
                  "text": "Frequency Signal B",
                  "line-color": "#036",
                  "border-color": "#036",
                  "background-color": "#036",
                  "values": [0, 0.04765, 0.229675, 0.164325, 0.12305, 0.0493, 0.141775, 0.2385, 0.0663, 0.220425, 0.08605, 0.09045, 0.183275, 0.06865, 0.182825, 0.0192, 0.219475, 0.2252, 0.0239, 0.050675, 4.857, 0.092725, 0.081775, 0.033225, 0.025325, 0.08295, 0.025025, 0.1374, 0.140425, 0.03755, 0.049925, 0.0699, 0.030725, 0.0615, 0.042175, 0.031625, 0.2007, 0.21435, 0.20495, 0.033375, 1.9042, 0.039025, 0.061325, 0.09985, 0.184075, 0.048875, 0.2033, 0.171375, 0.2224, 0.08285, 0.134425, 0.00305, 0.037225, 0.172125, 0.1231, 0.0902, 0.13445, 0.00895, 0.1412, 0.157325, 2.354, 0.06535, 0.057075, 0.126775, 0.2422, 0.041075, 0.0262, 0.064525, 0.128275, 0.0285, 0.111325, 0.145575, 0.080825, 0.218425, 0.101975, 0.051125, 0.072175, 0.132775, 0.184625, 0.2246, 2.5586, 0.032825, 0.1001, 0.2146, 0.1053, 0.127025, 0.111125, 0.131675, 0.0935, 0.133175, 0.0289, 0.0611, 0.200375, 0.114525, 0.165425, 0.227125, 0.1268, 0.0472, 0.140275, 0.0521]
                },
                {
                  "text": "Frequency Signal C",
                  "line-color": "#036",
                  "border-color": "#036",
                  "background-color": "#036",
                  "values": [0, 0.12305, 0.1833, 0.00445, 0.08415, 0.211225, 0.097975, 0.031375, 0.24065, 0.1191, 0.0094, 0.172625, 0.153175, 0.085875, 0.106925, 0.17615, 0.07465, 0.16105, 0.014925, 0.1509, 4.3374, 0.077775, 0.052025, 0.061075, 0.1103, 0.159525, 0.0052, 0.0807, 0.068, 0.219, 0.0362, 0.1607, 0.23825, 0.168575, 0.2387, 0.229625, 0.14505, 0.075625, 0.190125, 0.008925, 2.6576, 0.172, 0.20855, 0.212825, 0.185975, 0.2214, 0.136075, 0.0746, 0.166825, 0.013575, 0.122525, 0.23895, 0.163, 0.186225, 0.15285, 0.16025, 0.07105, 0.153575, 0.02615, 0.061925, 2.8376, 0.029475, 0.037175, 0.12175, 0.12565, 0.120075, 0.11425, 0.158925, 0.11185, 0.171525, 0.029775, 0.122725, 0.00385, 0.0244, 0.153325, 0.21345, 0.02525, 0.18665, 0.0009, 0.057275, 2.299, 0.07925, 0.00425, 0.1762, 0.1591, 0.102525, 0.1949, 0.077925, 0.182925, 0.208, 0.16595, 0.192125, 0.1543, 0.16915, 0.02085, 0.16885, 0.0172, 0.068525, 0.2043, 0.0178]
                },
                {
                  "text": "Frequency Signal D",
                  "line-color": "#036",
                  "border-color": "#036",
                  "background-color": "#036",
                  "values": [0, 0.061125, 0.23525, 0.122625, 0.01135, 0.2079, 0.046675, 0.030775, 0.1752, 0.1649, 0.109075, 0.211675, 0.1891, 0.179575, 0.176075, 0.127275, 0.17245, 0.0756, 0.11785, 0.18145, 5.4432, 0.16135, 0.014525, 0.20245, 0.1938, 0.05945, 0.24555, 0.1326, 0.142275, 0.1019, 0.2457, 0.19145, 0.210175, 0.2021, 0.076725, 0.094725, 0.1455, 0.110525, 0.04735, 0.249475, 1.2322, 0.0374, 0.125025, 0.094525, 0.1704, 0.234975, 0.052575, 0.06755, 0.173025, 0.194125, 0.206275, 0.10265, 0.056875, 0.064475, 0.027625, 0.1289, 0.01435, 0.171275, 0.06275, 0.1186, 1.7792, 0.239825, 0.073475, 0.223375, 0.22615, 0.1011, 0.2384, 0.104725, 0.21935, 0.2401, 0.179525, 0.0215, 0.129125, 0.0091, 0.197925, 0.1963, 0.012725, 0.1605, 0.22295, 0.0698, 2.91, 0.21635, 0.2494, 0.21185, 0.078975, 0.17825, 0.009875, 0.22355, 0.000275, 0.185325, 0.230325, 0.12315, 0.2281, 0.030175, 0.032625, 0.1834, 0.16355, 0.248475, 0.05535, 0.178025]
                },
                {
                  "text": "Frequency Signal E",
                  "line-color": "#036",
                  "border-color": "#036",
                  "background-color": "#036",
                  "values": [0, 0.141425, 0.153125, 0.080475, 0.056425, 0.162025, 0.1762, 0.21255, 0.19945, 0.156025, 0.173375, 0.11865, 0.145325, 0.06465, 0.115475, 0.2294, 0.1944, 0.24305, 0.123425, 0.145375, 5.2707999999999995, 0.10995, 0.237825, 0.188125, 0.158125, 0.0246, 0.1739, 0.104325, 0.13385, 0.14455, 0.180725, 0.098125, 0.011125, 0.04875, 0.057875, 0.0632, 0.225825, 0.118275, 0.067375, 0.064525, 2.1844, 0.0782, 0.03325, 0.10585, 0.014225, 0.210675, 0.07355, 0.233825, 0.161175, 0.153975, 0.070975, 0.179025, 0.1047, 0.199375, 0.178725, 0.06565, 0.010325, 0.051925, 0.0583, 0.154875, 1.613, 0.034625, 0.00565, 0.072925, 0.13185, 0.199275, 0.05085, 0.123425, 0.18625, 0.0971, 0.037375, 0.0445, 0.1031, 0.0081, 0.169, 0.0481, 0.01185, 0.04585, 0.1423, 0.18615, 2.7898, 0.118275, 0.18615, 0.19125, 0.00305, 0.1035, 0.00665, 0.029025, 0.13445, 0.147475, 0.24515, 0.072, 0.072125, 0.15895, 0.0162, 0.14785, 0.005125, 0.2314, 0.22795, 0.070825]
                },
                {
                  "text": "Frequency Signal E",
                  "line-color": "#036",
                  "border-color": "#036",
                  "background-color": "#036",
                  "values": [0, 0.198625, 0.117175, 0.0574, 0.192925, 0.20415, 0.054, 0.051, 0.0631, 0.03455, 0.0339, 0.1756, 0.19745, 0.0029, 0.212175, 0.221075, 0.063075, 0.01065, 0.032425, 0.087, 4.2678, 0.201325, 0.086275, 0.207775, 0.138225, 0.16355, 0.163225, 0.080275, 0.06855, 0.05205, 0.1909, 0.202475, 0.158125, 0.241625, 0.088325, 0.014325, 0.213125, 0.0594, 0.061775, 0.093825, 1.2554, 0.162025, 0.111425, 0.134, 0.23245, 0.1409, 0.049975, 0.068025, 0.12455, 0.180275, 0.2253, 0.114925, 0.128525, 0.23495, 0.10605, 0.231425, 0.231025, 0.071375, 0.2133, 0.032775, 1.8766, 0.0052, 0.107775, 0.066425, 0.12715, 0.0434, 0.1038, 0.20895, 0.230925, 0.1794, 0.109475, 0.0854, 0.091425, 0.156825, 0.1059, 0.247425, 0.1059, 0.023825, 0.120025, 0.111025, 2.6764, 0.0406, 0.041425, 0.2013, 0.027525, 0.193025, 0.181525, 0.150725, 0.2349, 0.11445, 0.14445, 0.134725, 0.010475, 0.200025, 0.139625, 0.070925, 0.017775, 0.24175, 0.01185, 0.1457]
                }
              ]
            }]
          };
    
          zingchart.render({
            id: 'myChart',
            data: myConfig,
            height: '100%',
            width: '100%'
          });
        });
      </script>
    </body>
    
    </html>
    <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>ZingSoft Demo</title>
    
      <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    </head>
    
    <body>
      <button onClick="toggleChartType();">Toggle Chart Type</button>
      <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
    </body>
    
    </html>
    html,
    body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      background-color: #fff;
    }
    
    #myChart {
      height: 100%;
      width: 100%;
      min-height: 150px;
    }
    
    .zc-ref {
      display: none;
    }
    
    button {
      padding: 10px;
      margin: 10px;
    }
    var currentChartType = 'line3d';
    
    function toggleChartType() {
      if (currentChartType === 'line3d') currentChartType = 'area3d';
      else currentChartType = 'line3d';
    
      // use api to preserve zoom and set chart type
      zingchart.exec('myChart', 'setcharttype', {
        type: currentChartType,
        'preserve-state': true
      });
    }
    
    // window:load event for Javascript to run after HTML
    // because this Javascript is injected into the document head
    window.addEventListener('load', () => {
      // Javascript code to execute after DOM content
    
      var myConfig = {
        "graphset": [{
          "3d-aspect": {
            "zoom": 0.7,
            "offset-x": -150,
            "x-angle": -25,
            "y-angle": -25,
            "z-angle": 0,
            "depth": 400
          },
          "globals": {
            "font-family": "Lucida Sans Unicode"
          },
          "type": "line3d",
          "plotarea": {
            "margin": "50 0 250 0"
          },
          preview: {
            mask: {
              backgroundColor: '#1565c0'
            }
          },
          "scaleX": {
            "zooming": true,
            "normalize": true,
            "max-items": 9,
            "background-color": "#fff",
            "guide": {
              "visible": true
            },
            "tick": {
              "line-width": 1,
              "line-color": "#000",
              "visible": true,
              "size": 10
            },
            "item": {
              "padding": 10,
              "angle": 0,
              "lock-rotation": true
            },
            "axis": {
              "line-width": 4,
              "line-color": "#000"
            },
            "label": {
              "font-size": 12,
              "text": "f(Hz)"
            }
          },
          "scaleY": {
            "values": "0:6:1",
            "background-color": "#fff",
            "tick": {
              "line-width": 1,
              "line-color": "#000",
              "visible": true,
              "size": 10
            },
            "guide": {
              "visible": true
            },
            "axis": {
              "line-width": 4,
              "line-color": "#000"
            },
            "item": {
              "padding": 10,
              "angle": 0,
              "lock-rotation": true
            },
            "label": {
              "font-size": 12,
              "text": "A(mm/s)"
            }
          },
          "scaleZ": {
            "axis": {
              "line-color": "#000",
              "line-width": 2
            },
            "values": ["10-10-09", "10-12-09", "11-01-13", "11-03-08", "11-06-09", "11-07-06"],
            "guide": {
              "visible": true
            },
            "item": {
              "lock-rotation": true,
              "font-size": 10,
              "auto-align": true
            },
            "label": {
              "font-size": 12,
              "font-weight": "bold",
              "text": "Sample"
            },
            "tick": {
              "line-color": "#000",
              "size": 10
            }
          },
          "plot": {
            "depth": 1,
          },
          "labels": [{
              "id": "flag_1",
              "text": "A",
              "hook": "node:plot=3,index=20",
              "3d": true,
              "background-color": "#eee",
              "width": 25,
              "height": 25,
              "font-weight": "bold",
              "border-radius": 9,
              "callout": true,
              "callout-position": "bottom",
              "callout-height": 1,
              "callout-extension": 20,
              "offset-y": -35,
              "anchor": "c",
              "border-width": 1,
              "border-color": "#999"
            },
            {
              "id": "flag_2",
              "text": "B",
              "hook": "node:plot=5,index=40",
              "3d": true,
              "background-color": "#eee",
              "width": 25,
              "height": 25,
              "padding-left": 8,
              "font-weight": "bold",
              "border-radius": "-12 3 0 -12",
              "callout": true,
              "callout-position": "bottom",
              "callout-offset": "0% 48%",
              "callout-height": 1,
              "callout-width": 0,
              "callout-extension": 20,
              "offset-y": -35,
              "offset-x": -10,
              "anchor": "c",
              "border-width": 1,
              "border-color": "#999"
            }
          ],
          "series": [{
              "text": "Frequency Signal A",
              "line-color": "#036",
              "border-color": "#036",
              "background-color": "#036",
              "values": [0, 0.240125, 0.241725, 0.116675, 0.0817, 0.057025, 0.13415, 0.19035, 0.05725, 0.15895, 0.239125, 0.216425, 0.157075, 0.17205, 0.1821, 0.21815, 0.22315, 0.1023, 0.06555, 0.028275, 5.0076, 0.04225, 0.112325, 0.16975, 0.04685, 0.06275, 0.203125, 0.18285, 0.247725, 0.090175, 0.186875, 0.10225, 0.0446, 0.029925, 0.2173, 0.04345, 0.167125, 0.066925, 0.1486, 0.14975, 2.9928, 0.05105, 0.013525, 0.188475, 0.059925, 0.0501, 0.2203, 0.127825, 0.22935, 0.0308, 0.24365, 0.10705, 0.145275, 0.02725, 0.066425, 0.084275, 0.0222, 0.0272, 0.19085, 0.18555, 1.799, 0.184525, 0.129525, 0.12895, 0.184125, 0.1376, 0.23655, 0.143875, 0.009575, 0.194675, 0.0748, 0.0327, 0.04325, 0.189625, 0.23765, 0.180925, 0.02745, 0.241725, 0.14705, 0.23445, 1.9782, 0.147925, 0.10615, 0.00585, 0.01825, 0.0238, 0.162575, 0.100725, 0.089, 0.059125, 0.1054, 0.115275, 0.0861, 0.1532, 0.08395, 0.1783, 0.04565, 0.196425, 0.139725, 0.09185]
            },
            {
              "text": "Frequency Signal B",
              "line-color": "#036",
              "border-color": "#036",
              "background-color": "#036",
              "values": [0, 0.04765, 0.229675, 0.164325, 0.12305, 0.0493, 0.141775, 0.2385, 0.0663, 0.220425, 0.08605, 0.09045, 0.183275, 0.06865, 0.182825, 0.0192, 0.219475, 0.2252, 0.0239, 0.050675, 4.857, 0.092725, 0.081775, 0.033225, 0.025325, 0.08295, 0.025025, 0.1374, 0.140425, 0.03755, 0.049925, 0.0699, 0.030725, 0.0615, 0.042175, 0.031625, 0.2007, 0.21435, 0.20495, 0.033375, 1.9042, 0.039025, 0.061325, 0.09985, 0.184075, 0.048875, 0.2033, 0.171375, 0.2224, 0.08285, 0.134425, 0.00305, 0.037225, 0.172125, 0.1231, 0.0902, 0.13445, 0.00895, 0.1412, 0.157325, 2.354, 0.06535, 0.057075, 0.126775, 0.2422, 0.041075, 0.0262, 0.064525, 0.128275, 0.0285, 0.111325, 0.145575, 0.080825, 0.218425, 0.101975, 0.051125, 0.072175, 0.132775, 0.184625, 0.2246, 2.5586, 0.032825, 0.1001, 0.2146, 0.1053, 0.127025, 0.111125, 0.131675, 0.0935, 0.133175, 0.0289, 0.0611, 0.200375, 0.114525, 0.165425, 0.227125, 0.1268, 0.0472, 0.140275, 0.0521]
            },
            {
              "text": "Frequency Signal C",
              "line-color": "#036",
              "border-color": "#036",
              "background-color": "#036",
              "values": [0, 0.12305, 0.1833, 0.00445, 0.08415, 0.211225, 0.097975, 0.031375, 0.24065, 0.1191, 0.0094, 0.172625, 0.153175, 0.085875, 0.106925, 0.17615, 0.07465, 0.16105, 0.014925, 0.1509, 4.3374, 0.077775, 0.052025, 0.061075, 0.1103, 0.159525, 0.0052, 0.0807, 0.068, 0.219, 0.0362, 0.1607, 0.23825, 0.168575, 0.2387, 0.229625, 0.14505, 0.075625, 0.190125, 0.008925, 2.6576, 0.172, 0.20855, 0.212825, 0.185975, 0.2214, 0.136075, 0.0746, 0.166825, 0.013575, 0.122525, 0.23895, 0.163, 0.186225, 0.15285, 0.16025, 0.07105, 0.153575, 0.02615, 0.061925, 2.8376, 0.029475, 0.037175, 0.12175, 0.12565, 0.120075, 0.11425, 0.158925, 0.11185, 0.171525, 0.029775, 0.122725, 0.00385, 0.0244, 0.153325, 0.21345, 0.02525, 0.18665, 0.0009, 0.057275, 2.299, 0.07925, 0.00425, 0.1762, 0.1591, 0.102525, 0.1949, 0.077925, 0.182925, 0.208, 0.16595, 0.192125, 0.1543, 0.16915, 0.02085, 0.16885, 0.0172, 0.068525, 0.2043, 0.0178]
            },
            {
              "text": "Frequency Signal D",
              "line-color": "#036",
              "border-color": "#036",
              "background-color": "#036",
              "values": [0, 0.061125, 0.23525, 0.122625, 0.01135, 0.2079, 0.046675, 0.030775, 0.1752, 0.1649, 0.109075, 0.211675, 0.1891, 0.179575, 0.176075, 0.127275, 0.17245, 0.0756, 0.11785, 0.18145, 5.4432, 0.16135, 0.014525, 0.20245, 0.1938, 0.05945, 0.24555, 0.1326, 0.142275, 0.1019, 0.2457, 0.19145, 0.210175, 0.2021, 0.076725, 0.094725, 0.1455, 0.110525, 0.04735, 0.249475, 1.2322, 0.0374, 0.125025, 0.094525, 0.1704, 0.234975, 0.052575, 0.06755, 0.173025, 0.194125, 0.206275, 0.10265, 0.056875, 0.064475, 0.027625, 0.1289, 0.01435, 0.171275, 0.06275, 0.1186, 1.7792, 0.239825, 0.073475, 0.223375, 0.22615, 0.1011, 0.2384, 0.104725, 0.21935, 0.2401, 0.179525, 0.0215, 0.129125, 0.0091, 0.197925, 0.1963, 0.012725, 0.1605, 0.22295, 0.0698, 2.91, 0.21635, 0.2494, 0.21185, 0.078975, 0.17825, 0.009875, 0.22355, 0.000275, 0.185325, 0.230325, 0.12315, 0.2281, 0.030175, 0.032625, 0.1834, 0.16355, 0.248475, 0.05535, 0.178025]
            },
            {
              "text": "Frequency Signal E",
              "line-color": "#036",
              "border-color": "#036",
              "background-color": "#036",
              "values": [0, 0.141425, 0.153125, 0.080475, 0.056425, 0.162025, 0.1762, 0.21255, 0.19945, 0.156025, 0.173375, 0.11865, 0.145325, 0.06465, 0.115475, 0.2294, 0.1944, 0.24305, 0.123425, 0.145375, 5.2707999999999995, 0.10995, 0.237825, 0.188125, 0.158125, 0.0246, 0.1739, 0.104325, 0.13385, 0.14455, 0.180725, 0.098125, 0.011125, 0.04875, 0.057875, 0.0632, 0.225825, 0.118275, 0.067375, 0.064525, 2.1844, 0.0782, 0.03325, 0.10585, 0.014225, 0.210675, 0.07355, 0.233825, 0.161175, 0.153975, 0.070975, 0.179025, 0.1047, 0.199375, 0.178725, 0.06565, 0.010325, 0.051925, 0.0583, 0.154875, 1.613, 0.034625, 0.00565, 0.072925, 0.13185, 0.199275, 0.05085, 0.123425, 0.18625, 0.0971, 0.037375, 0.0445, 0.1031, 0.0081, 0.169, 0.0481, 0.01185, 0.04585, 0.1423, 0.18615, 2.7898, 0.118275, 0.18615, 0.19125, 0.00305, 0.1035, 0.00665, 0.029025, 0.13445, 0.147475, 0.24515, 0.072, 0.072125, 0.15895, 0.0162, 0.14785, 0.005125, 0.2314, 0.22795, 0.070825]
            },
            {
              "text": "Frequency Signal E",
              "line-color": "#036",
              "border-color": "#036",
              "background-color": "#036",
              "values": [0, 0.198625, 0.117175, 0.0574, 0.192925, 0.20415, 0.054, 0.051, 0.0631, 0.03455, 0.0339, 0.1756, 0.19745, 0.0029, 0.212175, 0.221075, 0.063075, 0.01065, 0.032425, 0.087, 4.2678, 0.201325, 0.086275, 0.207775, 0.138225, 0.16355, 0.163225, 0.080275, 0.06855, 0.05205, 0.1909, 0.202475, 0.158125, 0.241625, 0.088325, 0.014325, 0.213125, 0.0594, 0.061775, 0.093825, 1.2554, 0.162025, 0.111425, 0.134, 0.23245, 0.1409, 0.049975, 0.068025, 0.12455, 0.180275, 0.2253, 0.114925, 0.128525, 0.23495, 0.10605, 0.231425, 0.231025, 0.071375, 0.2133, 0.032775, 1.8766, 0.0052, 0.107775, 0.066425, 0.12715, 0.0434, 0.1038, 0.20895, 0.230925, 0.1794, 0.109475, 0.0854, 0.091425, 0.156825, 0.1059, 0.247425, 0.1059, 0.023825, 0.120025, 0.111025, 2.6764, 0.0406, 0.041425, 0.2013, 0.027525, 0.193025, 0.181525, 0.150725, 0.2349, 0.11445, 0.14445, 0.134725, 0.010475, 0.200025, 0.139625, 0.070925, 0.017775, 0.24175, 0.01185, 0.1457]
            }
          ]
        }]
      };
    
      zingchart.render({
        id: 'myChart',
        data: myConfig,
        height: '100%',
        width: '100%'
      });
    });