Difference between revisions of "Template:Costa Rica/Interactive-Chart"
| (10 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<title>Ejemplo de chart</title> | <title>Ejemplo de chart</title> | ||
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script> | <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</head> | </head> | ||
<body> | <body> | ||
<div class="container"> | <div class="container"> | ||
| − | <canvas id="myChart" width="40" height=" | + | <canvas id="myChart" width="40" height="15"></canvas> |
</div> | </div> | ||
<script> | <script> | ||
| Line 24: | Line 17: | ||
datasets: [ | datasets: [ | ||
{ | { | ||
| − | label: ' | + | label: 'Yes', |
| − | + | backgroundColor: "rgba(0, 0, 255, 0.5)", | |
data: [4,12,2,2,1,3,0] | data: [4,12,2,2,1,3,0] | ||
}, | }, | ||
{ | { | ||
label: 'No', | label: 'No', | ||
| − | + | backgroundColor: "rgba(255, 0,0, 0.5)", | |
data: [26,30,9,12,7,4,2] | data: [26,30,9,12,7,4,2] | ||
} | } | ||
Latest revision as of 00:22, 14 December 2019