===== Počet virtuálních serverů =====
<achart>
{
   series: [33.3, 64.3, 87],
          chart: {
             height: 390,
             type: 'radialBar',
           },
   labels: ['CPU 33.3%', 'RAM 64.3%', 'Disk 87%'],
        responsive: [{
          breakpoint: 480,
          options: {
            legend: {
                show: false
            }
          }
        }], 
 
   plotOptions: {
          radialBar: {
            offsetY: 0,
            startAngle: 0,
            endAngle: 270,
            hollow: {
              margin: 5,
              size: '30%',
              background: 'transparent',
              image: undefined,
            },
            dataLabels: {
              name: {
                show: true,
              },
              value: {
                show: true,
              }
            },
            barLabels: {
              enabled: true,
              useSeriesColors: true,
              offsetX: -8,
              fontSize: '16px'

            },
          }
        }
 }
</achart>  
  
       
<achart>
{
   series: [{ name: 'Produkční', data: [335, 357, 312, 329, 332, 339, 344, 343, 343, 344, 345, 348] }, 
            { name: 'Testovací', data: [185, 190, 197, 201, 195, 194, 192, 194, 203, 202, 205, 206] }, 
            { name: 'Externí', data: [81, 69, 120, 116, 118, 108, 110, 109, 108, 108, 108, 106] }, 
            { name: 'Vypnuté', data: [117, 121, 107, 96, 110, 119, 123, 124, 120, 122, 118, 114], }],
   xaxis: {
         categories: ["únor", "březen", "duben", "květen", "červen", "červenec", "srpen", "září", "říjen", "listopad", "prosinec", "leden" ],
         title: { text: "Měsíc" }
        },
   yaxis: {
        title: { text: "Počet VM" }
        },
   chart: {
          type: 'bar',
          height: 400,
          stacked: true,
          toolbar: { show: true },
          zoom: { enabled: true }
        },
   annotations: {
          xaxis: [ {
            x: "leden",
            strokeDashArray: 15,
            borderColor: "#775DD0",
            label: {
              borderColor: "#775DD0",
              offsetY: -20,
              style: {
                color: "#fff",
                background: "#775DD0"
              },
              text: "2025",
              orientation: "horizontal"
            }
         }]
         },      
   responsive: [{
          breakpoint: 480,
          options: {
            legend: { position: 'bottom', offsetX: -10, offsetY: 10 }
          }
        }],
  plotOptions: {
          bar: {
            horizontal: false,
            borderRadius: 10,
            borderRadiusApplication: 'end', // 'around', 'end'
            borderRadiusWhenStacked: 'last', // 'all', 'last'
            dataLabels: {
              total: {              
                enabled: true,
                position: 'top',
                offsetY: 0,
                style: { fontSize: '14px', fontWeight: 900 }
              }
            }
          },
        },

 legend: { position: 'right', offsetY: 40 },
 fill: { opacity: 1 }
 }     
</achart>
      
    
    
    
    

<achart>
{ 
    "chart": {
        "type": "bar",
        "height": 400
    },
    "series": [{
        "name": "Celkem VM",
        "data": [713, 728, 738, 737, 742, 755, 760, 769, 771, 775, 776, 776]
    }, {
        "name": "Běžící VM",
        "data": [601, 611, 617, 630, 646, 645, 641, 646, 647, 655, 654, 658]
    }],
    "xaxis": {
        "categories": ["leden", "únor", "březen", "duben", "květen", "červen", "červenec", "srpen", "září", "říjen", "listopad", "prosinec"],
        "title": { "text": "Měsíc"
        }
    },
    "yaxis": {
        "title": {
            "text": "Počet VM"
        }
    },
    "plotOptions": {
        "bar": {
            "horizontal": false,
            "columnWidth": "50%"
        }
    }
}

</achart>

----
===== Přiřazené zdroje běžícím virtuálním serverům =====
<achart>
{
    series: [
        { name: "přiřazeno RAM [GB]", data: [ 5294, 5304, 5450, 5620, 5481, 5478, 5632, 5731, 5759, 5549, 5597, 5759] },
        { name: "přiřazeno vCPU", data: [ 1977, 1982, 2024, 2066, 2038, 2028, 2094, 2057, 2081, 2049, 2056, 2107] }],
    xaxis: { categories: ["únor", "březen", "duben", "květen", "červen", "červenec", "srpen", "září", "říjen", "listopad", "prosinec", "leden"],
        title: { text: "Měsíc" }
    },
    chart: {
        type: "area",
        height: 400
    },
    annotations: {
          xaxis: [ {
            x: "leden",
            strokeDashArray: 0,
            borderColor: "#775DD0",
            label: {
              borderColor: "#775DD0",
              style: {
                color: "#fff",
                background: "#775DD0"
              },
              text: "2025",
              orientation: "horizontal"
            }
          }
        ],

    }

}

</achart>
----

===== Rozložení virtuálních serverů =====
<achart>

{
    "chart": {
        "type": "pie",
        "height": 400
    },
    "series": [329, 205, 16, 108],
    "labels": ["Produkční", "Testovací", "Servisní", "Externí"]
}

</achart>
----

===== Využití virtualizační platformy =====
Berte s rezervou :-) odpovídá dlouhodobému průměru.
<achart> 
{
          series: [44, 55, 67],
          chart: {
          height: 350,
          type: 'radialBar',
        },
        plotOptions: {
          radialBar: {
            dataLabels: {
              name: {
                fontSize: '22px',
              },
              value: {
                fontSize: '16px',
              },
              total: {
                show: false,
                label: 'Total'
              }
            }
          }
        },
        labels: ['CPU', 'RAM', 'HDD'],
        }

</achart> 
<achart>
{
   series: [76, 67, 61, 90],
          chart: {
          height: 390,
          type: 'radialBar',
        },
  plotOptions: {
          radialBar: {
            offsetY: 0,
            startAngle: 0,
            endAngle: 270,
            hollow: {
              margin: 5,
              size: '30%',
              background: 'transparent',
              image: undefined,
            },
            dataLabels: {
              name: {
                show: false
              },
              value: {
                show: false
              },
            },
            barLabels: {
              enabled: true,
              useSeriesColors: true,
              offsetX: -8,
              fontSize: '16px'
              },
            },
          },
        colors: ['#1ab7ea', '#0084ff', '#39539E', '#0077B5'],
        labels: ['Vimeo', 'Messenger', 'Facebook', 'LinkedIn'],
        responsive: [{
          breakpoint: 480,
          options: {
            legend: {
                show: false
            }
          }
        }]
 }
</achart>        
        
^ CPU ^ HDD ^ RAM ^
| {{:cs:statistiky:cpu.jpg?nolink&150 |}} | {{:cs:statistiky:hdd.png?nolink&150 |}} | {{:cs:statistiky:ram.jpg?nolink&150 |}} |
| <achart> { "chart": { "type": "radialBar", "height": 250 }, "series": [32.3], "plotOptions": { "radialBar": { "dataLabels": { "name": { "show": true, "text": "CPU" }, "value": { "show": true }, "total": { "show": false } } } }, "colors": ["#60B044", "#F6C600", "#F97600", "#FF0000"], "stroke": { "lineCap": "round" }, "labels": ["CPU"] } </achart> | <achart> { "chart": { "type": "radialBar", "height": 250 }, "series": [87], "plotOptions": { "radialBar": { "dataLabels": { "name": { "show": true, "text": "Disk" }, "value": { "show": true }, "total": { "show": false } } } }, "colors": ["#60B044", "#F6C600", "#F97600", "#FF0000"], "stroke": { "lineCap": "round" }, "labels": ["Disk"] } </achart> | <achart> { "chart": { "type": "radialBar", "height": 250 }, "series": [62.5], "plotOptions": { "radialBar": { "dataLabels": { "name": { "show": true, "text": "RAM" }, "value": { "show": true }, "total": { "show": false } } } }, "colors": ["#60B044", "#F6C600", "#F97600", "#FF0000"], "stroke": { "lineCap": "round" }, "labels": ["RAM"] } </achart> |