Diferencias

Muestra las diferencias entre dos versiones de la página.

--- lo_que_se_puede_hacer [2026/05/31 13:08] – marcelo
+++ lo_que_se_puede_hacer [2026/05/31 13:59] (actual) – marcelo
@@ Línea 14: / Línea 14: @@
 [[https://www.dokuwiki.org/plugin:mermaid]]
-===== Gráficos achart =====
-<achart url=https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv height=320px align=center>
-{
-  chart: {
-      height: 350,
-      type: 'bar',
-  },
-  dataLabels: {
-      enabled: false
-  },
-  title: {
-      text: "From web",
-  }
-}
-</achart>
-Otro ejemplo:
-<achart>
-{
-    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'
-            }
-        }
-    }]
-}
-</achart>
-[[https://github.com/karl257/dokuwiki-plugin-achart/]]
-Demos: [[https://apexcharts.com/javascript-chart-demos/]]
 ===== Líneas de tiempo =====
@@ Línea 114: / Línea 68: @@
 <autott>wiki:syntax</autott>
-===== Tab box =====
+===== Páginas tabuladas =====
+==== Plugin Tab box ====
 <tabbox Primer título>
@@ Línea 127: / Línea 83: @@
 Lorem Ipsum
 </tabbox>
+==== Grupo de tabs con Mikio ====
+<tab-group>
+<tab title="Una tab">
+Este es el contenido de la primera tab\\
+aquí hay una imagen <box width=100px height=100px>{{:basics.png?nolink|}}</box>
+</tab>
+<tab title="Segunda tab">
+Solo un <button url="https://codespj.cl/" newtab>Botón</button> hay aquí.
+  </tab>
+  <tab title="Tercera tab">
+Nada aquí.
+  </tab>
+</tab-group>