Memory Usage

32.3%
8,6,5,9,8,4,9,3,5,9

CPU Usage

140.05
4,3,5,7,12,10,4,5,11,7

Disk Usage

82.02%
1,2,1,3,2,10,4,12,7

Daily Traffic

62,201
3,12,7,9,2,3,4,5,2

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

+ Add Event

ECharts (Responsive)

A powerful, interactive charting and visualization library for browser.

Below is the basic bar chart example.

var chartdata = [
  {
    name: 'Oranges',
    type: 'bar',
    data: [20, 20, 36, 12, 15]
  },
  {
    name: 'Apples',
    type: 'bar',
    data: [8, 5, 25, 10, 10]
  }
];

var chart = document.getElementById('chartBar1');
var barChart = echarts.init(chart);

var option = {
  grid: {
    top: '6',
    right: '0',
    bottom: '17',
    left: '25',
  },
  xAxis: {
    data: [ '2006', '2008', '2010', '2012', '2014'],
    axisLine: {
      lineStyle: {
        color: '#ccc'
      }
    },
    axisLabel: {
      fontSize: 10,
      color: '#666'
    }
  },
  yAxis: {
    splitLine: {
      lineStyle: {
        color: '#ddd'
      }
    },
    axisLine: {
      lineStyle: {
        color: '#ccc'
      }
    },
    axisLabel: {
      fontSize: 10,
      color: '#666'
    }
  },
  series: chartdata
};

barChart.setOption(option);

Below is the basic horizontal bar chart example.

{
  xAxis: {
    type: 'value',
  },
  yAxis: {
    type: 'category',
    data: [ '2006', '2008', '2010', '2012', '2014'],
  }
}

Below are stacked bar chart example for both horizontal and vertical bar.

data = [
  {
    name: 'Oranges',
    type: 'bar',
    stack: 'Stack', // set your own name
    data: [20, 20, 36, 12, 15]
  },
  {
    name: 'Apples',
    type: 'bar',
    stack: 'Stack',
    data: [8, 5, 25, 10, 10]
  }
];

Below are line chart examples.

type: 'line'

Below are area chart examples.

{
  name: 'Oranges',
  type: 'line',
  data: [20, 20, 36, 12, 15,25],
  lineStyle: {
    normal: { width: 1 }
  },
  itemStyle: {
    normal: {
      areaStyle: { type: 'default' }
    }
  }
}

Below are an example of donut charts.

var pieData = [{
name: 'Fruits',
type: 'pie',
radius: '80%',
center: ['50%', '57.5%'],
data: [
  {value: 335, name: 'Apple'},
  {value: 310, name: 'Orange'},
  {value: 234, name: 'Grapes'},
  {value: 135, name: 'Lemon'},
  {value: 154, name: 'Banana'}
]
}];