• Rok 2016
• Rok 2017
• Rok 2018
• Rok 2019

<c3> data: {

x : 'x',
columns: [
  ['x', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec', 'leden', 'únor', 'březen', 'duben', 'květen', 'červen' ],
  ['celkem VM', 345, 348, 362, 379, 387, 392, 404, 420, 425, 433, 432, 438 ],
  ['běžící VM', 278, 286, 298, 315, 325, 323, 327, 338, 346, 358, 355, 361 ],
],
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: 5.5, text: '2020', 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', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec', 'leden', 'únor', 'březen', 'duben', 'květen', 'červen' ],
  ['přiřazeno RAM [GB]', 1801, 1829, 1918, 2053, 2199, 2199, 2270, 2311, 2344, 2397, 2390, 2432 ],
  ['přiřazeno vCPU', 789, 800, 829, 882, 923, 911, 929, 946, 978, 996, 993, 993 ]
],
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: 5.5, text: '2020', 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í', 221],
  ['Testovací', 93],
  ['Servisní', 12],
  ['Externí', 35],
],
type : 'pie',

} </c3>

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

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

columns: [
  ['CPU', 38.7]
],
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', 84]
],
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', 79.2]
],
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>