forked from eXponenta/charts
-
Notifications
You must be signed in to change notification settings - Fork 1
/
double-context.html
24 lines (20 loc) · 8.09 KB
/
double-context.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script src="https://pixijs.download/v6.1.2/pixi.js"></script>
<script src="./../dist/pixi-charts.umd.js"></script>
<style>
canvas {
box-sizing: border-box;
width: 100%;
height: 400px;
border: 2px solid;
}
</style>
<canvas width="300" height="400" id="chart"></canvas>
<canvas width="300" height="400" id="chart2"></canvas>
<script>
const data = [{"time":1604921949.01,"x":-1.855499839782624,"y":150.13043478270822},{"time":1604921950.172,"x":2.2114999532700494,"y":170.26086956513035},{"time":1604921951.175,"x":5.722000026702972,"y":170.26086956513035},{"time":1604921952.06,"x":8.81949999332437,"y":130},{"time":1604921953.435,"x":13.63199999332437,"y":150.13043478270822},{"time":1604921954.322,"x":16.73650028705606,"y":150.13043478270822},{"time":1604921955.193,"x":19.785000467300506,"y":150.13043478270822},{"time":1604921956.144,"x":23.113500380516143,"y":190.3913043478385},{"time":1604921957.113,"x":26.504999899864288,"y":190.3913043478385},{"time":1604921958.072,"x":29.86150028705606,"y":150.13043478270822},{"time":1604921959.347,"x":34.323999786377044,"y":150.13043478270822},{"time":1604921960.117,"x":37.01900055408487,"y":130},{"time":1604921961.356,"x":41.35550000667581,"y":130},{"time":1604921962.001,"x":43.61299993991861,"y":170.26086956513035},{"time":1604921963.278,"x":48.08250060081491,"y":230.65217391296886},{"time":1604921964.033,"x":50.725000166893096,"y":230.65217391296886},{"time":1604921965.049,"x":54.28100028038034,"y":210.52173913054673},{"time":1604921966.125,"x":58.04700019359598,"y":230.65217391296886},{"time":1604921967.188,"x":61.76750006675729,"y":230.65217391296886},{"time":1604921968.037,"x":64.73899998664865,"y":230.65217391296886},{"time":1604921969.011,"x":68.14799990654001,"y":210.52173913054673},{"time":1604921970.099,"x":71.95600011348733,"y":210.52173913054673},{"time":1604921971.084,"x":75.40350058078775,"y":230.65217391296886},{"time":1604921972.029,"x":78.71100034713754,"y":230.65217391296886},{"time":1604921973.068,"x":82.3475004673005,"y":270.91304347838525},{"time":1604921974.147,"x":86.12400045394907,"y":291.0434782608074},{"time":1604921975.256,"x":90.00550034046182,"y":270.91304347838525},{"time":1604921976.155,"x":93.15200009346017,"y":270.91304347838525},{"time":1604921977.142,"x":96.60650005340585,"y":270.91304347838525},{"time":1604921978.085,"x":99.90700032711038,"y":270.91304347838525},{"time":1604921979.032,"x":103.22150042057046,"y":270.91304347838525},{"time":1604921980.02,"x":106.67950012683878,"y":230.65217391296886},{"time":1604921981.205,"x":110.82699992656717,"y":210.52173913054673},{"time":1604921982.063,"x":113.8300000667573,"y":210.52173913054673},{"time":1604921983.343,"x":118.30999996662149,"y":230.65217391296886},{"time":1604921984.125,"x":121.04700019359598,"y":230.65217391296886},{"time":1604921985.154,"x":124.64850034713754,"y":210.52173913054673},{"time":1604921986.073,"x":127.86500003337869,"y":270.91304347838525},{"time":1604921987.12,"x":131.52949979305276,"y":250.78260869567703},{"time":1604921988.126,"x":135.0504999399186,"y":250.78260869567703},{"time":1604921989.211,"x":138.848000073433,"y":230.65217391296886},{"time":1604921990.12,"x":142.02949979305276,"y":270.91304347838525},{"time":1604921991,"x":145.10950019359598,"y":230.65217391296886},{"time":1604921992.159,"x":149.16599991321573,"y":230.65217391296886},{"time":1604921993.35,"x":153.33449985980997,"y":270.91304347838525},{"time":1604921994.186,"x":156.26050057411203,"y":371.5652173913541},{"time":1604921995.037,"x":159.23899998664865,"y":351.4347826086459},{"time":1604921996.162,"x":163.17649998664865,"y":351.4347826086459},{"time":1604921997.308,"x":167.1875005006791,"y":371.5652173913541},{"time":1604921998.104,"x":169.97350051403055,"y":371.5652173913541},{"time":1604921999.086,"x":173.410500073433,"y":371.5652173913541},{"time":1604922000.163,"x":177.1800005674363,"y":371.5652173913541},{"time":1604922001.167,"x":180.69400038719186,"y":331.30434782622376},{"time":1604922002.159,"x":184.16599991321573,"y":311.17391304351554},{"time":1604922003.056,"x":187.30550017356882,"y":291.0434782608074},{"time":1604922004.164,"x":191.18350031375894,"y":270.91304347838525},{"time":1604922005.204,"x":194.82350018024454,"y":291.0434782608074},{"time":1604922006.032,"x":197.72150042057046,"y":291.0434782608074},{"time":1604922007.021,"x":201.1829998731614,"y":291.0434782608074},
{"time":1604922008.167,"x":205.19400038719186,"y":291.0434782608074},{"time":1604922009.591,"x":210.17800047397623,"y":311.17391304351554},{"time":1604922010.019,"x":211.67600038051614,"y":311.17391304351554},{"time":1604922011.028,"x":215.2075006008149,"y":311.17391304351554},{"time":1604922012.044,"x":218.76349987983713,"y":351.4347826086459},{"time":1604922013.104,"x":222.47350051403055,"y":311.17391304351554},{"time":1604922014.058,"x":225.8125005006791,"y":311.17391304351554},{"time":1604922015.055,"x":229.30200042724618,"y":311.17391304351554},{"time":1604922016.169,"x":233.20099987983713,"y":311.17391304351554},{"time":1604922017.145,"x":236.61700012683878,"y":311.17391304351554},{"time":1604922018.401,"x":241.01300027370462,"y":311.17391304351554},{"time":1604922019.08,"x":243.38949992656717,"y":270.91304347838525},{"time":1604922020.169,"x":247.20099987983713,"y":250.78260869567703},{"time":1604922021.772,"x":252.81150045394907,"y":250.78260869567703},{"time":1604922022.018,"x":253.67249979972848,"y":230.65217391296886},{"time":1604922023.014,"x":257.15849997997293,"y":210.52173913054673},{"time":1604922024.174,"x":261.21850028038034,"y":210.52173913054673},{"time":1604922025.009,"x":264.14100041389474,"y":210.52173913054673},{"time":1604922026.134,"x":268.07850041389474,"y":210.52173913054673},{"time":1604922027.378,"x":272.4325002670289,"y":210.52173913054673},{"time":1604922028.179,"x":275.2359998464585,"y":210.52173913054673},{"time":1604922029.781,"x":280.8429998397828,"y":230.65217391296886},{"time":1604922030.107,"x":281.98400058746347,"y":230.65217391296886},{"time":1604922031.091,"x":285.4280004739762,"y":230.65217391296886},{"time":1604922032.162,"x":289.17649998664865,"y":230.65217391296886},{"time":1604922033.001,"x":292.1129999399186,"y":331.30434782622376},{"time":1604922034.127,"x":296.05400052070627,"y":331.30434782622376},{"time":1604922035.084,"x":299.40350058078775,"y":311.17391304351554},{"time":1604922036.146,"x":303.1204998731614,"y":331.30434782622376},{"time":1604922037.092,"x":306.43150022029886,"y":331.30434782622376},{"time":1604922038.113,"x":310.0049998998643,"y":371.5652173913541},{"time":1604922039.23,"x":313.9145002603532,"y":411.82608695648446},{"time":1604922040.112,"x":317.00150015354166,"y":431.9565217391926},{"time":1604922041.7,"x":322.559500360489,"y":431.9565217391926},{"time":1604922042.136,"x":324.08549990654,"y":431.9565217391926},{"time":1604922043.021,"x":327.1829998731614,"y":472.217391304323},{"time":1604922044.184,"x":331.25350024700174,"y":472.217391304323},{"time":1604922045.393,"x":335.4849997997285,"y":431.9565217391926},{"time":1604922046.102,"x":337.96650018692026,"y":431.9565217391926},{"time":1604922047.122,"x":341.53650012016305,"y":452.0869565219008},{"time":1604922048.187,"x":345.26400032043466,"y":431.9565217391926},{"time":1604922049.149,"x":348.63099994659433,"y":431.9565217391926},{"time":1604922050.234,"x":352.42850008010873,"y":512.4782608697393},{"time":1604922051.33,"x":356.26449992656717,"y":572.8695652175779},{"time":1604922052.188,"x":359.2675000667573,"y":593},{"time":1604922053.156,"x":362.6554998397828,"y":572.8695652175779},{"time":1604922054.083,"x":365.9000000000001,"y":552.7391304348697},{"time":1604922055.389,"x":370.47099997997293,"y":572.8695652175779},{"time":1604922056.189,"x":373.2709998130799,"y":572.8695652175779},{"time":1604922057.146,"x":376.6204998731614,"y":572.8695652175779},{"time":1604922058.59,"x":381.67449989318857,"y":572.8695652175779},{"time":1604922059.39,"x":384.4745005607606,"y":572.8695652175779},{"time":1604922060.19,"x":387.2745003938676,"y":572.8695652175779}];
const app = new PIXI.charts.Chart('#chart');
app.add({data, name: 'test'});
const app2 = new PIXI.charts.Chart('#chart2');
app2.add({data, type: 'area', style: {clamp: false}, name: "test"});
</script>