### Download Chart.js
-To download a zip, go to the [Chart.js on Github](https://github.com/nnnick/Chart.js)
+To download a zip, go to [Chart.js on Github](https://github.com/nnnick/Chart.js) and choose the version that is right for your application.
+* [Standard build](https://raw.githubusercontent.com/nnnick/Chart.js/v2.0-dev/dist/Chart.js) (~31kB gzipped)
+* [Bundled with Moment.js](https://raw.githubusercontent.com/nnnick/Chart.js/v2.0-dev/dist/Chart.bundle.js) (~45kB gzipped)
+* [CDN Versions](https://cdnjs.com/libraries/Chart.js)
To install via npm / bower:
bower install Chart.js --save
```
-CDN: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0/Chart.js
-
-### Install Chart.js
+### Installation
To import Chart.js using an old-school script tag:
```html
<script src="Chart.js"></script>
<script>
- var myChart = new Chart({...})
+ var myChart = new Chart({...})
</script>
```
```javascript
// Using CommonJS
-var Chart = require('chart.js')
+var Chart = require('src/chart.js')
var myChart = new Chart({...})
// ES6
-import Chart from 'chart.js'
+import Chart from 'src/chart.js'
let myChart = new Chart({...})
// Using requirejs
<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
- type: 'bar',
- data: {
- labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
- datasets: [{
- label: '# of Votes',
- data: [12, 19, 3, 5, 2, 3]
- }]
- },
- options: {
- scales: {
- yAxes: [{
- ticks: {
- beginAtZero:true
- }
- }]
- }
- }
+ type: 'bar',
+ data: {
+ labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
+ datasets: [{
+ label: '# of Votes',
+ data: [12, 19, 3, 5, 2, 3]
+ }]
+ },
+ options: {
+ scales: {
+ yAxes: [{
+ ticks: {
+ beginAtZero:true
+ }
+ }]
+ }
+ }
});
</script>
```
// and the Doughnut chart defaults but this particular instance will have `animateScale` set to `true`.
```
-We can also change these default values for each Doughnut type that is created, this object is available at `Chart.defaults.Doughnut`. Pie charts also have a clone of these defaults available to change at `Chart.defaults.Pie`, with the only difference being `percentageInnerCutout` being set to 0.
\ No newline at end of file
+We can also change these default values for each Doughnut type that is created, this object is available at `Chart.defaults.doughnut`. Pie charts also have a clone of these defaults available to change at `Chart.defaults.pie`, with the only difference being `percentageInnerCutout` being set to 0.
\ No newline at end of file