01.<!DOCTYPE html>
02.
03.<html lang="en">
04. <head>
05. <meta charset="utf-8">
06. <meta http-equiv="X-UA-Compatible" content="IE=edge">
07. <meta name="viewport" content="width=device-width, initial-scale=1">
08. <title>ChartJs</title>
09.
10. </head>
11.
12. <body>
13.
14.
15.<?php
16.$myfile = fopen("2.txt", "r") or die("Unable to open file!");
17.echo fread($myfile,filesize("2.txt"));
18.fclose($myfile);
19.$myfile = $_GET["test"]
20.?>
21.<div style="width:700px;"><canvas id="myChart" width="400" height="400"></canvas></div>
22.
24.
25.<script>
26.var ctx = document.getElementById("myChart").getContext('2d');
27.var myChart = new Chart(ctx, {
28. type: 'bar',
29. data: {
30. labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
31. datasets: [{
32. label: '# of Votes',
33. data: [12, 19, 3, 5, 2, 3],
34. backgroundColor: [
35. 'rgba(255, 99, 132, 0.2)',
36. 'rgba(54, 162, 235, 0.2)',
37. 'rgba(255, 206, 86, 0.2)',
38. 'rgba(75, 192, 192, 0.2)',
39. 'rgba(153, 102, 255, 0.2)',
40. 'rgba(255, 159, 64, 0.2)'
41. ],
42. borderColor: [
43. 'rgba(255,99,132,1)',
44. 'rgba(54, 162, 235, 1)',
45. 'rgba(255, 206, 86, 1)',
46. 'rgba(75, 192, 192, 1)',
47. 'rgba(153, 102, 255, 1)',
48. 'rgba(255, 159, 64, 1)'
49. ],
50. borderWidth: 1
51. }]
52. },
53. options: {
54. scales: {
55. yAxes: [{
56. ticks: {
57. beginAtZero:true
58. }
59. }]
60. }
61. }
62.});
63.
64.</script>
65.
66.
67. </body>
68.</html>
