archive-gh-me/Chart.js
1
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2025-12-08 20:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Minor doc fixes

Browse Source
This commit is contained in:
Evert Timberg 2016-04-01 22:12:37 -04:00
parent 37da19df78
commit 0b56ea452f
2 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
docs/00-Getting-Started.md
View File

@ -5,7 +5,10 @@ anchor: getting-started
### Download Chart.js ### 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: To install via npm / bower:
@ -16,16 +19,14 @@ npm install chart.js --save
bower install Chart.js --save bower install Chart.js --save
``` ```
CDN: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0/Chart.js ### Installation
### Install Chart.js
To import Chart.js using an old-school script tag: To import Chart.js using an old-school script tag:
```html ```html
<script src="Chart.js"></script> <script src="Chart.js"></script>
<script> <script>
var myChart = new Chart({...}) var myChart = new Chart({...})
</script> </script>
``` ```
@ -34,11 +35,11 @@ To import Chart.js using an awesome module loader:
```javascript ```javascript
// Using CommonJS // Using CommonJS
var Chart = require('chart.js') var Chart = require('src/chart.js')
var myChart = new Chart({...}) var myChart = new Chart({...})
// ES6 // ES6
import Chart from 'chart.js' import Chart from 'src/chart.js'
let myChart = new Chart({...}) let myChart = new Chart({...})
// Using requirejs // Using requirejs
@ -72,23 +73,23 @@ The following example instantiates a bar chart showing the number of votes for d
<script> <script>
var ctx = document.getElementById("myChart"); var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, { var myChart = new Chart(ctx, {
type: 'bar', type: 'bar',
data: { data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{ datasets: [{
label: '# of Votes', label: '# of Votes',
data: [12, 19, 3, 5, 2, 3] data: [12, 19, 3, 5, 2, 3]
}] }]
}, },
options: { options: {
scales: { scales: {
yAxes: [{ yAxes: [{
ticks: { ticks: {
beginAtZero:true beginAtZero:true
} }
}] }]
} }
} }
}); });
</script> </script>
``` ```

2
docs/06-Pie-Doughnut-Chart.md
View File

@ -96,4 +96,4 @@ new Chart(ctx,{
// and the Doughnut chart defaults but this particular instance will have `animateScale` set to `true`. // 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. 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.