Add radial chart & remove donut chart

Author: ramiy

src/.vuepress/components/chart-builder.vue

@@ -159,8 +159,8 @@ export default {
           { id: 'column', label: 'Column', type: 'button' },
           { id: 'area', label: 'Area', type: 'button' },
           { id: 'line', label: 'Line', type: 'button' },
+          { id: 'radial', label: 'Radial', type: 'button', disabled: 'disabled' },
           { id: 'pie', label: 'Pie', type: 'button', disabled: 'disabled' },
-          { id: 'donut', label: 'Donut', type: 'button', disabled: 'disabled' },
           { id: 'radar', label: 'Radar', type: 'button', disabled: 'disabled' },
           { id: 'polar', label: 'Polar', type: 'button', disabled: 'disabled' },
         ],

src/.vuepress/config.js

@@ -105,8 +105,8 @@ module.exports = {
           '/charts/column',
           '/charts/area',
           '/charts/line',
+          '/charts/radial',
           '/charts/pie',
-          '/charts/donut',
           '/charts/polar',
           '/charts/radar',
           '/charts/mixed',

src/charts/README.md

@@ -17,8 +17,8 @@ Before using charts, check the development status. If a chart type is already re
 | [Column](./column/) | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css column` |
 | [Area](./area/)     | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css area  ` |
 | [Line](./line/)     | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css line`   |
+| [Radial](./radial/) | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css radial` |
 | [Pie](./pie/)       | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css pie`    |
-| [Donut](./donut/)   | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css donut`  |
 | [Radar](./radar/)   | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css radar`  |
 | [Polar](./polar/)   | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css polar`  |
 
@@ -52,8 +52,8 @@ The current state of supported feature:
       <th scope="col"> Column </th>
       <th scope="col"> Area </th>
       <th scope="col"> Line </th>
+      <th scope="col"> Radial </th>
       <th scope="col"> Pie </th>
-      <th scope="col"> Donut </th>
       <th scope="col"> Radar </th>
       <th scope="col"> Polar </th>
     </tr>

src/charts/donut.md renamed to src/charts/radial.md

@@ -1,8 +1,8 @@
 ---
-permalink: /charts/donut/
+permalink: /charts/radial/
 ---
 
-# Donut <Badge type="warning" vertical="top" text="Under Development" />
+# Radial <Badge type="warning" vertical="top" text="Under Development" />
 
 ::: warning Note
 This chart is still [under development](/development/roadmap/). It's not yet included in the latest release.

src/development/roadmap.md

@@ -19,7 +19,7 @@ Planned development and the release of new chart types:
 
 * **Q3 2021** - Pie chart.
 
-* **Q3 2021** - Donut chart.
+* **Q4 2021** - Radial chart.
 
 * **Q4 2021** - Polar Chart.
 

src/examples/README.md

@@ -16,8 +16,8 @@ Examples of different layouts for each chart type:
 * [Column Chart Examples](/examples/column/)
 * [Area Chart Examples](/examples/area/)
 * [Line Chart Examples](/examples/line/)
+* ~~[Radial Chart Examples](/examples/radial/)~~
 * ~~[Pie Chart Examples](/examples/pie/)~~
-* ~~[Donut Chart Examples](/examples/donut/)~~
 * ~~[Radar Chart Examples](/examples/radar/)~~
 * ~~[Polar Chart Examples](/examples/polar/)~~
 

src/examples/donut.md renamed to src/examples/radial.md

@@ -1,14 +1,14 @@
 ---
-permalink: /examples/donut/
+permalink: /examples/radial/
 editLink: false
 prev: false
 next: false
 pageClass: example-page
 ---
 
-# Donut Examples
+# Radial Examples
 
-<table class="charts-css donut">
+<table class="charts-css radial">
   <caption>Years Compared</caption>
   <thead>
     <tr>