• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.  
    8.   <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
    9.   <style></style>
    10. </head>
    11.  
    12. <body>
    13.   <div id='myChart'></div>
    14.   <script>
    15.     ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    16.     var myConfig = {
    17.       "type": "scatter",
    18.       "plot": {
    19.         "error": {
    20.  
    21.         }
    22.       },
    23.       "series": [{
    24.           "values": [
    25.             [1, 9],
    26.             [2, 15],
    27.             [3, 21],
    28.             [4, 30],
    29.             [5, 40],
    30.             [6, 59],
    31.             [7, 60],
    32.             [8, 75],
    33.             [9, 81],
    34.             [10, 99]
    35.           ],
    36.           "errors": [
    37.             [4, 5],
    38.             [4.1, 4.5],
    39.             [4.4, 4.1],
    40.             [3.9, 4.3],
    41.             [5, 4],
    42.             [5.1, 4.9],
    43.             [3.9, 4.3],
    44.             [4.6, 4.7],
    45.             [4.5, 4.5],
    46.             [4.3, 4.7]
    47.           ]
    48.         },
    49.         {
    50.           "values": [
    51.             [0.9, 3],
    52.             [2.1, 13],
    53.             [3.5, 25],
    54.             [4.9, 35],
    55.             [5.3, 41],
    56.             [6.5, 57],
    57.             [7.1, 61],
    58.             [8.7, 70],
    59.             [9.2, 82],
    60.             [9.9, 95]
    61.           ],
    62.           "errors": [
    63.             [4.1, 5.5],
    64.             [4, 3.9],
    65.             [4.9, 4.5],
    66.             [4.6, 5.1],
    67.             [5.5, 5.6],
    68.             [5.9, 5.5],
    69.             [4.6, 4.9],
    70.             [3.3, 3.7],
    71.             [3.6, 3.1],
    72.             [5.6, 5.1]
    73.           ]
    74.         },
    75.         {
    76.           "values": [
    77.             [0.1, 9],
    78.             [1.8, 21],
    79.             [1.9, 29],
    80.             [4.1, 33],
    81.             [4.5, 39],
    82.             [6.9, 51],
    83.             [7.4, 64],
    84.             [8.9, 70],
    85.             [9, 75],
    86.             [9.3, 93]
    87.           ],
    88.           "errors": [
    89.             [3.1, 5.9],
    90.             [5.1, 3.1],
    91.             [3.9, 5.7],
    92.             [4.6, 4.1],
    93.             [3.3, 4.6],
    94.             [3.4, 5.6],
    95.             [5, 5.3],
    96.             [4.1, 5.1],
    97.             [5, 4, 3.5],
    98.             [5.5, 6]
    99.           ]
    100.         }
    101.       ]
    102.     };
    103.  
    104.     zingchart.render({
    105.       id: 'myChart',
    106.       data: myConfig,
    107.       height: 400,
    108.       width: "100%"
    109.     });
    110.   </script>
    111. </body>
    112.  
    113. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.  
    8.   <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    9. </head>
    10.  
    11. <body>
    12.   <div id='myChart'></div>
    13. </body>
    14.  
    15. </html>
    1.  
    1. var myConfig = {
    2.   "type": "scatter",
    3.   "plot": {
    4.     "error": {
    5.  
    6.     }
    7.   },
    8.   "series": [{
    9.       "values": [
    10.         [1, 9],
    11.         [2, 15],
    12.         [3, 21],
    13.         [4, 30],
    14.         [5, 40],
    15.         [6, 59],
    16.         [7, 60],
    17.         [8, 75],
    18.         [9, 81],
    19.         [10, 99]
    20.       ],
    21.       "errors": [
    22.         [4, 5],
    23.         [4.1, 4.5],
    24.         [4.4, 4.1],
    25.         [3.9, 4.3],
    26.         [5, 4],
    27.         [5.1, 4.9],
    28.         [3.9, 4.3],
    29.         [4.6, 4.7],
    30.         [4.5, 4.5],
    31.         [4.3, 4.7]
    32.       ]
    33.     },
    34.     {
    35.       "values": [
    36.         [0.9, 3],
    37.         [2.1, 13],
    38.         [3.5, 25],
    39.         [4.9, 35],
    40.         [5.3, 41],
    41.         [6.5, 57],
    42.         [7.1, 61],
    43.         [8.7, 70],
    44.         [9.2, 82],
    45.         [9.9, 95]
    46.       ],
    47.       "errors": [
    48.         [4.1, 5.5],
    49.         [4, 3.9],
    50.         [4.9, 4.5],
    51.         [4.6, 5.1],
    52.         [5.5, 5.6],
    53.         [5.9, 5.5],
    54.         [4.6, 4.9],
    55.         [3.3, 3.7],
    56.         [3.6, 3.1],
    57.         [5.6, 5.1]
    58.       ]
    59.     },
    60.     {
    61.       "values": [
    62.         [0.1, 9],
    63.         [1.8, 21],
    64.         [1.9, 29],
    65.         [4.1, 33],
    66.         [4.5, 39],
    67.         [6.9, 51],
    68.         [7.4, 64],
    69.         [8.9, 70],
    70.         [9, 75],
    71.         [9.3, 93]
    72.       ],
    73.       "errors": [
    74.         [3.1, 5.9],
    75.         [5.1, 3.1],
    76.         [3.9, 5.7],
    77.         [4.6, 4.1],
    78.         [3.3, 4.6],
    79.         [3.4, 5.6],
    80.         [5, 5.3],
    81.         [4.1, 5.1],
    82.         [5, 4, 3.5],
    83.         [5.5, 6]
    84.       ]
    85.     }
    86.   ]
    87. };
    88.  
    89. zingchart.render({
    90.   id: 'myChart',
    91.   data: myConfig,
    92.   height: 400,
    93.   width: "100%"
    94. });