<c3> data: {

x : 'x',
columns: [
  ['x', 'duben', 'květen', 'červen', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec', 'leden', 'únor', 'březen' ],
  ['celkem VM', null, null, null, null, null, null, null, null, null, 204, 204, 210 ],
  ['běžící VM', 125, 130, 138, 138, 145, 159, 162, 165, 168, 164, 166, 166 ],
],
type: 'bar',
labels: true,
colors: {
  'celkem VM': '#b0b0b0',
  'běžící VM': '#0060f0'            
},
types: {
  'celkem VM': 'scatter',
},
regions: {
  //'celkem VM': [{'style':'dashed'}] // currently 'dashed' style only
},

},

point: {

show: true,
r: 6,

},

grid: {

x: {
  lines: [
    {value: 8.5, text: '2017', position: 'start'}
  ]
}

}, axis: {

x: {
  type: 'category',   
  label: 'měsíc',              
  tick: {                
    multiline: false
  },
  padding: {
    left: 0,
    right: 0,
  },
},
y: {
  label: 'Počet VM',
  //default: [100, 200],
  //max: 400,
  //min: 10,
  //padding: {top: 10, bottom: -100},
  // Range includes padding, set 0 if no padding needed
  // padding: {top:100, bottom:100}
},            

} </c3>

<c3> data: {

x : 'x',
columns: [
  ['x', 'duben', 'květen', 'červen', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec', 'leden', 'únor', 'březen' ],
  ['přiřazeno RAM [GB]', 478, 492, 552, 538, 579, 648, 656, 656, 662, 636, 641, 682 ],
  ['přiřazeno vCPU', 284, 291, 322, 306, 334, 363, 372, 373, 378, 337, 339, 363 ]
],
types: {
  'přiřazeno RAM [GB]': 'area',
  'přiřazeno vCPU': 'area'
},
colors: {
  'přiřazeno RAM [GB]': '#c00000',
  'přiřazeno vCPU': '#00f000'            
},

}, grid: {

x: {
  lines: [
    {value: 8.5, text: '2017', position: 'start'}
  ]
}

}, axis: {

x: {
  type: 'category',
  label: 'měsíc', 
  //min: 0.5,
  tick: { 
    //rotate: -45,               
    multiline: false,
    //height: 30
  },  
  //height: 130          
},

}

</c3>

<c3> data: {

columns: [
  ['Produkční', 97],
  ['Testovací', 60],
  ['Servisní', 9],
],
type : 'pie',

} </c3>

Berte s rezervou odpovídá dlouhodobému průměru.

<c3 width=20% align=left> data: {

columns: [
  ['CPU', 4.5]
],
type: 'gauge',

}, padding: { top: 0, right: 10, bottom: 0, left: 0 }, gauge: {

label: {
  show: true // to turn off the min/max labels.
},
//min: 0, // 0 is default, //can handle negative min e.g. vacuum / voltage / current flow / rate of change
//max: 100, // 100 is default
//units: ' %',
//width: 39 // for adjusting arc thickness

}, color: {

pattern: [ '#60B044', '#F6C600', '#F97600', '#FF0000'], // the three color levels for the percentage values.
threshold: {
  //unit: 'value', // percentage is default
  //max: 200, // 100 is default
  values: [30, 60, 90, 100]
}

} </c3>

<c3 width=20% align=right> data: {

columns: [
  ['Disk', 42]
],
type: 'gauge',

}, padding: { top: 0, right: 0, bottom: 0, left: 10 }, gauge: {

label: {
  show: true // to turn off the min/max labels.
},

}, color: {

pattern: [ '#60B044', '#F6C600', '#F97600', '#FF0000'], // the three color levels for the percentage values.
threshold: {
  values: [30, 60, 90, 100]
}

} </c3>

<c3 width=20% align=center> data: {

columns: [
  ['RAM', 44.4]
],
type: 'gauge',

}, padding: { top: 0, right: 10, bottom: 0, left: 10 }, gauge: {

title: 'Title',
label: {
  show: true // to turn off the min/max labels.
},

}, color: {

pattern: [ '#60B044', '#F6C600', '#F97600', '#FF0000'], // the three color levels for the percentage values.
threshold: {
  values: [30, 60, 90, 100]
}

} </c3>