A Cloud In TheSky

A list of plugins usable in the wiki

Discussion Plugin

Add ~~@DISCUSSION~~ to any page to enable comments (Remove @)

ApexCharts Plugin

Syntax

var options = {
    chart: {
        width: 380,
        type: 'pie',
        toolbar: { show: true,tools: { download: true } },
    },
    labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
    series: [44, 55, 13, 43, 22],
    responsive: [{
        breakpoint: 480,
        options: {
            chart: {
                width: 200
            },
            legend: {
               position: 'bottom' 
            }
        }
    }]
}

Remove @

<@achart align="right" width=50% >
  {
    ...
  }
</achart>

The <achart> tag can carry optional attributes to customize the appearance of the chart. The attributes are separated by spaces, each specified in the format of name=value. Valid attributes are:

Name Description width Width of the chart, specified in CSS format, e.g. 50% or 320px. height Height of the chart, in the same format as width. align Chart alignment, can be left, right or center.