starlight
Navigation

Donna Seay

2 minutes ago

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

Samantha Francis

3 hours ago

My entire soul, like these sweet mornings of spring.

Robert Walker

5 hours ago

I should be incapable of drawing a single stroke at the present moment...

Larry Smith

Yesterday, 8:34pm

When, while the lovely valley teems with vapour around me, and the meridian sun strikes...

Donna Seay

Jan 23, 2:32am

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

View More Messages

Suzzeth Bungaos tagged you and 18 others in a post.

October 03, 2017 8:45am

Mellisa Brown appreciated your work The Social Network

October 02, 2017 12:44am

20+ new items added are for sale in your Sale Group

October 01, 2017 10:20pm

Julius Erving wants to connect with you on your conversation with Ronnie Mara

October 01, 2017 6:08pm

Suzzeth Bungaos tagged you and 12 others in a post.

September 27, 2017 6:45am

10+ new items added are for sale in your Sale Group

September 28, 2017 11:30pm

Mellisa Brown appreciated your work The Great Pyramid

September 26, 2017 11:01am

Julius Erving wants to connect with you on your conversation with Ronnie Mara

September 23, 2017 9:19pm

##### Chart JS Charts

Simple, clean and engaging HTML5 based JavaScript charts. An easy way to include animated, interactive graphs on your website.

###### Bar Chart

A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.

###### Multiple Color Bar Chart

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'
    ]

###### Horizontal Bar Chart

A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.

###### Horizontal Bar Chart

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'

###### Stacked Bar Chart

A bar chart or bar graph is a chart with rectangular bars with lengths proportional to the values that they represent.

###### Stacked Bar Chart

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
      }]
    }

###### Line Chart

A line graph is a type of chart which displays information as a series of data points connected by straight line segments.

###### Line Chart

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'

###### Area Chart

An area chart or area graph displays graphically quantitative data. It is based on the line chart.

###### Area 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,
    }]

###### Pie Chart

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
    });

###### Donut Chart

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
    });