- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="utf-8">
- <title>ZingSoft Demo</title>
-
- <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
- <style>
- html,
- body {
- height: 100%;
- width: 100%;
- margin: 0;
- padding: 0;
- }
-
- #myChart {
- height: 100%;
- width: 100%;
- min-height: 150px;
- }
-
- .zc-ref {
- display: none;
- }
- </style>
- </head>
-
- <body>
- <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
- <script>
- ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
- var myConfig = {
- type: 'area',
- scaleX: {
- minValue: 1262308703000,
- step: 86400000,
- zooming: true,
- zoomToValues: [1262654303000, 1264727903000], //timestamp
- transform: {
- type: 'date'
- }
- },
- tooltip: {
- text: "%v<br>%kv"
- },
- preview: {},
- series: [{
- "values": [272.05, 277.72, 329.61, 241.72, 358.14, 302.99, 235.1, 316.74, 335.94, 288.95, 252.22, 235.98, 341.08, 263.44, 237.45, 291.9, 321.23, 213.98, 268.81, 307.77, 245.58, 245.92, 346.33, 343.31, 316.38, 279.43, 334.24, 341.37, 292.38, 344.21, 200.84, 358.27, 216.9, 293.61, 316.32, 356.23, 200.39, 222.35, 259.19, 212.35, 274.57, 274.12, 212.5, 243.22, 354.25, 248.19, 305.13, 237.34, 305.6, 307.77, 321.74, 246.04, 220.65, 339.52, 209.97, 217.69, 269.99, 287.38, 228.03, 204.51, 299.35, 200.8, 232.65, 331.89, 271.25, 226.04, 225.97, 291.1, 339.12, 221.52, 204.5, 323.84, 316.85, 273.75, 223.35, 296.8, 211.99, 325.99, 270.33, 216.81, 350.64, 334.92, 285.32, 342.19, 209.27, 340.82, 253.72, 314.99, 221.08, 341.09, 298.9, 289.11, 203.81, 341.48, 334.55, 289.94, 280.56, 215.9, 331.08, 232.37, 204.16, 316.79, 216.44, 291.61, 331.32, 206.21, 265.89, 203.93, 244.25, 244.85, 211.54, 248.64, 299.84, 215.6, 210.98, 347.57, 348.6, 292.56, 226.41, 237.28, 319.33, 318.14, 264.78, 299.09, 291.15, 215.48, 314.78, 360.22, 235.42, 244.55, 227.06, 336.23, 232.46, 315.75, 315.66, 326.4, 250.62, 269.65, 211.17, 319.5, 358.66, 293.47, 283.54, 272.01, 264.36, 324.96, 304.62, 210.02, 339.68, 202.27, 308.24, 265.87, 276.83, 303.24, 261.32, 291.31, 338.87, 211.55, 253.41, 317.42, 337.73, 208.49, 351.08, 260.93, 278.98, 199.91, 201.15, 318.49, 349.71, 205.32, 291.33, 272.34, 271.65, 307.96, 218.35, 304.69, 208.92, 313.17, 252.23, 240.1, 248.53, 355.5, 294.15, 241.3, 323.02, 234.1, 267.08, 285.32, 353.87, 236.65, 276.66, 333.12, 283.49, 349, 302.97, 332.06, 275.67, 231.85, 202.98, 213.64]
- },
- {
- "values": [168.15, 143.37, 186.13, 155.81, 171.64, 184.6, 142.74, 146.2, 180.57, 175.98, 140.78, 165.86, 166.34, 148.95, 149.4, 179.1, 177.97, 150.8, 191.65, 148, 193.7, 198.44, 148.85, 150.82, 147.94, 185.02, 193.91, 185.75, 192.43, 152.34, 170.41, 175.24, 178.11, 195.16, 161.98, 158.89, 147.01, 164.61, 191.68, 176.35, 162.3, 165.62, 177.95, 186.38, 173.72, 167.61, 162.8, 170.77, 142.55, 168.21, 165.28, 190.54, 146.72, 198.4, 172.46, 173.42, 182.42, 170.21, 165.05, 188.72, 186.56, 187.99, 188.54, 159.88, 191.4, 172.16, 170.56, 190.16, 192.54, 165.17, 149.45, 140.77, 159.09, 152.53, 151.02, 152.67, 193.97, 191.78, 163.35, 165.24, 151.94, 153.17, 181.43, 179.9, 140.94, 177.74, 170.93, 192.23, 188.71, 161.14, 166.66, 171.37, 175.09, 178.75, 138.82, 185.16, 177.49, 171.28, 164.91, 185.78, 191.84, 162.69, 166.25, 176.86, 168.16, 174.7, 156.21, 151.49, 189.12, 141.21, 148.44, 187.12, 191.06, 150.4, 176.44, 150.77, 192.29, 165.2, 159.49, 188.27, 154.51, 190.82, 194.02, 159.14, 154.34, 168.43, 148.61, 172.17, 171.79, 160.66, 164.32, 193.92, 154.71, 142.3, 186.66, 180.97, 161.02, 143.75, 165.62, 167.7, 143.81, 196.88, 166.14, 141.83, 150.04, 140.9, 185, 151.05, 165.81, 160.38, 140.96, 155.92, 138.77, 182.84, 168.48, 178.37, 148.29, 197.33, 166.11, 154.17, 198.54, 190.69, 186.38, 191.94, 160.63, 165.72, 142.92, 176.76, 157.33, 184, 179.38, 161.25, 140.66, 182.92, 161.92, 143.43, 158.78, 141.13, 196.72, 173.88, 184.26, 183.91, 171.87, 178.79, 169.16, 166.88, 186.99, 186.11, 143.8, 184.35, 184.82, 190.59, 196.72, 185.51, 165.12, 165.7, 156.86, 154.84, 153.13, 182.62]
- }
- ]
- };
-
- zingchart.render({
- id: 'myChart',
- data: myConfig,
- height: '100%',
- width: '100%'
- });
- </script>
- </body>
-
- </html>
- var myConfig = {
- type: 'area',
- scaleX: {
- minValue: 1262308703000,
- step: 86400000,
- zooming: true,
- zoomToValues: [1262654303000, 1264727903000], //timestamp
- transform: {
- type: 'date'
- }
- },
- tooltip: {
- text: "%v<br>%kv"
- },
- preview: {},
- series: [{
- "values": [272.05, 277.72, 329.61, 241.72, 358.14, 302.99, 235.1, 316.74, 335.94, 288.95, 252.22, 235.98, 341.08, 263.44, 237.45, 291.9, 321.23, 213.98, 268.81, 307.77, 245.58, 245.92, 346.33, 343.31, 316.38, 279.43, 334.24, 341.37, 292.38, 344.21, 200.84, 358.27, 216.9, 293.61, 316.32, 356.23, 200.39, 222.35, 259.19, 212.35, 274.57, 274.12, 212.5, 243.22, 354.25, 248.19, 305.13, 237.34, 305.6, 307.77, 321.74, 246.04, 220.65, 339.52, 209.97, 217.69, 269.99, 287.38, 228.03, 204.51, 299.35, 200.8, 232.65, 331.89, 271.25, 226.04, 225.97, 291.1, 339.12, 221.52, 204.5, 323.84, 316.85, 273.75, 223.35, 296.8, 211.99, 325.99, 270.33, 216.81, 350.64, 334.92, 285.32, 342.19, 209.27, 340.82, 253.72, 314.99, 221.08, 341.09, 298.9, 289.11, 203.81, 341.48, 334.55, 289.94, 280.56, 215.9, 331.08, 232.37, 204.16, 316.79, 216.44, 291.61, 331.32, 206.21, 265.89, 203.93, 244.25, 244.85, 211.54, 248.64, 299.84, 215.6, 210.98, 347.57, 348.6, 292.56, 226.41, 237.28, 319.33, 318.14, 264.78, 299.09, 291.15, 215.48, 314.78, 360.22, 235.42, 244.55, 227.06, 336.23, 232.46, 315.75, 315.66, 326.4, 250.62, 269.65, 211.17, 319.5, 358.66, 293.47, 283.54, 272.01, 264.36, 324.96, 304.62, 210.02, 339.68, 202.27, 308.24, 265.87, 276.83, 303.24, 261.32, 291.31, 338.87, 211.55, 253.41, 317.42, 337.73, 208.49, 351.08, 260.93, 278.98, 199.91, 201.15, 318.49, 349.71, 205.32, 291.33, 272.34, 271.65, 307.96, 218.35, 304.69, 208.92, 313.17, 252.23, 240.1, 248.53, 355.5, 294.15, 241.3, 323.02, 234.1, 267.08, 285.32, 353.87, 236.65, 276.66, 333.12, 283.49, 349, 302.97, 332.06, 275.67, 231.85, 202.98, 213.64]
- },
- {
- "values": [168.15, 143.37, 186.13, 155.81, 171.64, 184.6, 142.74, 146.2, 180.57, 175.98, 140.78, 165.86, 166.34, 148.95, 149.4, 179.1, 177.97, 150.8, 191.65, 148, 193.7, 198.44, 148.85, 150.82, 147.94, 185.02, 193.91, 185.75, 192.43, 152.34, 170.41, 175.24, 178.11, 195.16, 161.98, 158.89, 147.01, 164.61, 191.68, 176.35, 162.3, 165.62, 177.95, 186.38, 173.72, 167.61, 162.8, 170.77, 142.55, 168.21, 165.28, 190.54, 146.72, 198.4, 172.46, 173.42, 182.42, 170.21, 165.05, 188.72, 186.56, 187.99, 188.54, 159.88, 191.4, 172.16, 170.56, 190.16, 192.54, 165.17, 149.45, 140.77, 159.09, 152.53, 151.02, 152.67, 193.97, 191.78, 163.35, 165.24, 151.94, 153.17, 181.43, 179.9, 140.94, 177.74, 170.93, 192.23, 188.71, 161.14, 166.66, 171.37, 175.09, 178.75, 138.82, 185.16, 177.49, 171.28, 164.91, 185.78, 191.84, 162.69, 166.25, 176.86, 168.16, 174.7, 156.21, 151.49, 189.12, 141.21, 148.44, 187.12, 191.06, 150.4, 176.44, 150.77, 192.29, 165.2, 159.49, 188.27, 154.51, 190.82, 194.02, 159.14, 154.34, 168.43, 148.61, 172.17, 171.79, 160.66, 164.32, 193.92, 154.71, 142.3, 186.66, 180.97, 161.02, 143.75, 165.62, 167.7, 143.81, 196.88, 166.14, 141.83, 150.04, 140.9, 185, 151.05, 165.81, 160.38, 140.96, 155.92, 138.77, 182.84, 168.48, 178.37, 148.29, 197.33, 166.11, 154.17, 198.54, 190.69, 186.38, 191.94, 160.63, 165.72, 142.92, 176.76, 157.33, 184, 179.38, 161.25, 140.66, 182.92, 161.92, 143.43, 158.78, 141.13, 196.72, 173.88, 184.26, 183.91, 171.87, 178.79, 169.16, 166.88, 186.99, 186.11, 143.8, 184.35, 184.82, 190.59, 196.72, 185.51, 165.12, 165.7, 156.86, 154.84, 153.13, 182.62]
- }
- ]
- };
-
- zingchart.render({
- id: 'myChart',
- data: myConfig,
- height: '100%',
- width: '100%'
- });