Donna Seay
2 minutes agoA wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.
Samantha Francis
3 hours agoMy entire soul, like these sweet mornings of spring.
Robert Walker
5 hours agoI should be incapable of drawing a single stroke at the present moment...
Larry Smith
Yesterday, 8:34pmWhen, while the lovely valley teems with vapour around me, and the meridian sun strikes...
Donna Seay
Jan 23, 2:32amA wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.
Suzzeth Bungaostagged you and 18 others in a post.
October 03, 2017 8:45amMellisa Brownappreciated your work The Social Network
October 02, 2017 12:44am20+ new items added are for sale in your Sale Group
October 01, 2017 10:20pmJulius Ervingwants to connect with you on your conversation with Ronnie Mara
October 01, 2017 6:08pmSuzzeth Bungaostagged you and 12 others in a post.
September 27, 2017 6:45am10+ new items added are for sale in your Sale Group
September 28, 2017 11:30pmMellisa Brownappreciated your work The Great Pyramid
September 26, 2017 11:01amJulius Ervingwants to connect with you on your conversation with Ronnie Mara
September 23, 2017 9:19pmSimple, clean and engaging HTML5 based JavaScript charts. An easy way to include animated, interactive graphs on your website.
A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.
A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.
Javascript Code
var ctx = document.getElementById('chartBar1').getContext('2d');new Chart(ctx, {type: 'bar',data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ label: '# of Votes', data: [12, 39, 20, 10, 25, 18], backgroundColor: '#27AAC8' }]},options: { legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero:true, fontSize: 10, max: 80 } }], xAxes: [{ ticks: { beginAtZero:true, fontSize: 11 } }] }}});
Multiple Color Code
backgroundColor: [ '#29B0D0', '#2A516E', '#F07124', '#CBE0E3', '#979193']
A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.
A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.
Horizontal Type Code
type: 'horizontalBar'
A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.
A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.
Source Code
scales: { yAxes: [{ stacked: true }], xAxes: [{ stacked: true }]}
A line graph is a type of chart which displays information as a series of data points connected by straight line segments.
A line graph is a type of chart which displays information as a series of data points connected by straight line segments.
Source Code
type: 'line'
An area chart or area graph displays graphically quantitative data. It is based on the line chart.
An area chart or area graph displays graphically quantitative data. It is based on the line chart.
Source Code
datasets: [{ data: [12, 39, 20, 10, 25, 18], fill: true,}]
A pie chart (or a circle chart) is a circular statistical graphic which is divided into slices to illustrate numerical proportion.
Source Code
var pie = document.getElementById('chartDonut'); var myPieChart = new Chart(pie, { type: 'pie', data: data, options: option});
A pie chart (or a circle chart) is a circular statistical graphic which is divided into slices to illustrate numerical proportion.
Source Code
var pie = document.getElementById('chartDonut'); var myPieChart = new Chart(pie, { type: 'doughnut', data: data, options: option});