Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jensostertag-archive/charts.js
A JavaScript Plugin to draw Charts to visualize Data and Statistics on Websites
https://github.com/jensostertag-archive/charts.js
charts data javascript statistics webapplication
Last synced: 27 days ago
JSON representation
A JavaScript Plugin to draw Charts to visualize Data and Statistics on Websites
- Host: GitHub
- URL: https://github.com/jensostertag-archive/charts.js
- Owner: JensOstertag-Archive
- Created: 2022-12-05T14:44:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-09T15:08:31.000Z (over 1 year ago)
- Last Synced: 2024-10-11T21:43:29.134Z (27 days ago)
- Topics: charts, data, javascript, statistics, webapplication
- Language: JavaScript
- Homepage:
- Size: 42 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# charts.js
A JavaScript Plugin to draw Charts to visualize Data and Statistics on Websites.
## Examples
### Line Chart
```js
new Chart().create({
htmlElementId: "canvas",
chartType: "curve",
chartStyle: {
mainColor: "#888888",
valueColors: [
"#2f7cff"
]
},
data: {
keys: [
"1", "2", "3", "4", "5", "6", "7", "8", "9", "10"
],
values: [
[
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10),
getRandomArbitrary(-5, 10)
]
]
}
});
```
### Bar Chart
```js
new Chart().create({
htmlElementId: "canvas",
chartType: "bar",
chartStyle: {
mainColor: "#888888",
valueColors: [
"#2f7cff"
]
},
data: {
keys: [
"0", "1", "2", "3", "4", "5"
],
values: [
[
0,
1,
2,
3,
4,
5
]
]
}
});
```
