Built with blockbuilder.org
xxxxxxxxxx<html lang="ja"><head> <meta charset="UTF-8"> <title>Line Chart Test</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/1.0.2/chart.min.js"></script> <script language="JavaScript"><!-- function displayLineChart() { var data = { labels: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100], datasets: [ { label: "Scenario 0-0", fillColor: "rgba(0,0,0,0)", strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", data: ['400', '397.4883598646', '501.5903198269', '627.9099889693', '735.5590484201', '768.3644982346', '691.9339772864', '542.5711266211', '393.8385924922', '286.08468782', '220.4748521542', '185.720412122', '172.443460477', '175.7689285806', '194.5892636553', '230.7095086223', '288.2215142324', '372.4777519355', '487.3615426094', '629.1618254296', '777.9976797297', '900.2854801372', '992.9695396253', '1165.3303445356', '1682.80115599', '3010.3021741901', '6023.7752895721', '12366.0006567358', '22982.8104959965', '14380.7312624218', '1053.7073571363', '277.881333346', '277.3847850597', '346.4888975922', '447.2339204673', '570.853411074', '693.5050642864', '766.5122148449', '738.5712652349', '612.6511112566', '455.7206065428', '328.0442054526', '245.0572467191', '198.1785035636', '176.4575441796', '173.1358610257', '185.7410445976', '215.2409212038', '265.568322639', '343.3532246394', '457.1496457061', '615.1521337016', '821.8159089673', '1082.6559308848', '1448.4241852016', '2134.1789435148', '3685.7986042438', '7184.702985441', '14478.0036004139', '24757.3351841689', '8808.4494769943', '627.7916886419', '214.8617433371', '208.2822233883', '246.1562043337', '309.0961088522', '398.6949678202', '514.234181223', '641.9715631991', '744.2095744018', '765.072943187', '676.9047798507', '524.0498964666', '379.0679831445', '276.7827122534', '215.6603452033', '184.34783412', '174.2457118691', '181.5273788352', '206.6348897378', '254.1592834435', '333.7269441653', '462.1371763838', '667.4474667362', '997.8697104793', '1546.8615268748', '2530.2372251748', '4484.2746540087', '8615.3088064744', '16922.2343136775', '25078.9368129872', '4926.5141846274', '434.6186368062', '194.4577493778', '177.5501302489', '191.7286547707', '224.5090868637', '277.7357841262', '355.5706188431', '460.388682464', '585.8094684078'] }, { label: "Scenario 0-1", fillColor: "rgba(0,0,0,0)", strokeColor: "rgba(151,187,205,1)", pointColor: "rgba(151,187,205,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(151,187,205,1)", data: ['400', '341.7500833023', '366.5851356649', '396.4981795118', '420.2707679545', '432.1099035297', '428.512785238', '409.4369255126', '378.6153046798', '342.080014492', '305.8188900806', '274.1071750122', '249.1538148028', '231.6288055418', '221.3913304017', '218.0395415757', '221.2037443977', '230.6444122554', '246.2150284082', '267.7172989583', '294.6564766539', '325.8995468516', '359.2862522069', '391.3465713913', '417.4193228107', '432.5261177438', '433.0774230524', '418.7797239953', '393.5136425497', '364.4774962862', '340.4301095048', '330.821925326', '347.0798826724', '406.4942062065', '539.3732947889', '801.5171317316', '1296.4387536289', '2215.4220179854', '3908.6518117584', '7002.2723714292', '12517.0109807826', '21066.7420842182', '19805.3978206614', '2495.3869664994', '544.3086830276', '441.934339436', '433.5290170432', '418.4513805434', '391.0399115016', '355.7843865802', '318.790092357', '285.0378513591', '257.4560020111', '237.1902466333', '224.3194082415', '218.4880146536', '219.2932789709', '226.4444138502', '239.7715234285', '259.1161156251', '284.1216078738', '313.9255107342', '346.7726692269', '379.6618376898', '408.2622765871', '427.463366229', '432.7663426407', '422.1832136904', '397.5222991309', '363.9482190251', '327.9716482636', '295.3316525698', '270.0692730377', '254.9335012111', '252.580067547', '267.1872716755', '306.6366690707', '385.9542220537', '533.3512197298', '801.2554514496', '1286.6153576941', '2168.0578417986', '3772.5038428939', '6686.7571345288', '11886.2509000975', '20199.1752031418', '21764.2998355429', '3296.0216298118', '576.6997224968', '385.0048167355', '334.3907593098', '297.2472908707', '266.8694230259', '243.7923384023', '228.2135988673', '219.8403109837', '218.2479669632', '223.0941528721', '234.1700596731', '251.3305558317', '274.3218489544'] }, { label: "Scenario 0-2", fillColor: "rgba(0,0,0,0)", strokeColor: "rgba(138,202,156,1)", pointColor: "rgba(138,202,156,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(138,202,156,1)", data: ['400', '295.8800391253', '266.9090616946', '244.0033805377', '221.8899738266', '201.1582172032', '182.6592345475', '166.8889591518', '154.0102168317', '143.9694445785', '136.6043464189', '131.721006984', '129.140677381', '128.7235800108', '130.37772556', '134.0585485481', '139.7619158594', '147.5116457537', '157.3414364193', '169.2694895312', '183.2643361898', '199.1993137404', '216.7971802032', '235.5675366789', '254.7481144319', '273.26937891', '289.7712846846', '302.7064280182', '310.5566920373', '312.1365526261', '306.9166423789', '295.2370975146', '278.2957249147', '257.8863530948', '235.9884011484', '214.3754889577', '194.3738468565', '176.8023102953', '162.0443416382', '150.1767308604', '141.0973236636', '134.62740822', '130.5743549116', '128.7722520676', '129.0993599553', '131.4817891569', '135.8927768462', '142.3432011917', '150.8680542095', '161.5070188829', '174.2773448391', '189.1379266957', '205.9433556473', '224.3896840051', '243.9585451392', '263.8741985083', '283.0985536523', '300.3991674263', '314.5268441257', '324.5204311309', '330.1129143488', '332.1554741657', '332.9493050171', '336.4252997306', '348.2407500015', '376.0026876431', '429.8946269276', '523.9730241545', '678.3820972919', '922.7979417641', '1301.5913051033', '1881.4729752258', '2762.7595567146', '4095.676125677', '6102.5950491493', '9101.0369387489', '13474.5660527577', '19088.8321404177', '19551.8076141961', '4795.007071757', '566.4382445881', '217.4137567207', '199.0362380355', '212.1516699485', '230.0308998971', '249.0740423479', '267.8972535702', '285.151201378', '299.3138120889', '308.8261391313', '312.3673533001', '309.1823726696', '299.3415812284', '283.803857343', '264.2240562587', '242.5705326127', '220.7113284869', '200.120095062', '181.7643128414', '166.1454063831', '153.4173345228'] } ] }; var ctx = document.getElementById("lineChart").getContext("2d"); var options = { }; var lineChart = new Chart(ctx).Line(data, options); } --></script></head><body onload="displayLineChart();"> <div class="box"> <canvas id="lineChart" height="450" width="800"></canvas> </div></body></html> Updated missing url https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js to https://cdnjs.cloudflare.com/ajax/libs/chart.js/1.0.2/chart.min.js
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js