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

##### Morris Charts

Good-looking charts shouldn't be difficult

###### 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

The stacked charts are used when data sets have to be broken down into their constituents.

Javascript Code

    new Morris.Bar({
    element: 'morrisBar1',
    data: [
      { y: '2006', a: 100, b: 90 },
      { y: '2007', a: 75,  b: 65 },
      { y: '2008', a: 50,  b: 40 },
      { y: '2009', a: 75,  b: 65 },
      { y: '2010', a: 50,  b: 40 },
    ],
    xkey: 'y',
    ykeys: ['a', 'b'],
    labels: ['Series A', 'Series B'],
    barColors: ['#5058AB', '#14A0C1'],
    gridTextSize: 11,
    hideHover: 'auto',
    resize: true
    });

For stacked bar, just add

    stacked: true

###### 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

The stacked charts are used when data sets have to be broken down into their constituents.

For additional data

    data: [
    { y: '2006', a: 100, b: 90, c: 80 },
    { y: '2007', a: 75,  b: 65, c: 75 },
    { y: '2008', a: 50,  b: 40, c: 45 },
    { y: '2009', a: 75,  b: 65, c: 85 },
    ],
    ykeys: ['a', 'b', 'c'],
    labels: ['Series A', 'Series B', 'Series C'],
    barColors: ['#5058AB', '#14A0C1','#01CB99']

###### 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.

Javascript Code

    new Morris.Line({ ... );

###### Area Chart

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

###### Area Chart

Area charts are used to represent cumulated totals using numbers or percentages (stacked area charts in this case) over time.

Javascript Code

    new Morris.Area({ ... );

###### Donut Chart

A donut chart, or doughnut chart, functions precisely like a pie chart. The only difference is that the center is blank.

###### Donut Chart

A donut chart, or doughnut chart, functions precisely like a pie chart. The only difference is that the center is blank.

Javascript Code

    new Morris.Donut({
    element: 'morrisDonut1',
    data: [
      {label: "Men", value: 12},
      {label: "Women", value: 30},
      {label: "Kids", value: 20}
    ],
    colors: ['#3D449C','#268FB2','#74DE00'],
    resize: true
    });