fix #1585 radial chart not working properly (#1751)

* fix #1585 radial chart not working properly

* Fix ruby version for test

* Make stroke color work for both dark and light

.github/workflows/test.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 2.6
+          ruby-version: 3.2
           bundler-cache: true
 
       - run: ruby --version

src/pages/_data/charts.yml

@@ -201,6 +201,7 @@ tasks-overview:
 
 
 campaigns:
+  demo: true
   type: radialBar
   sparkline: true
   series:
@@ -491,4 +492,3 @@ traffic-out:
     - name: Outbound
       data: [-3, 7, 9, 14, 4, 5, 3, -1, 7, 10, 14, 14, -2, 6]
 
-

src/pages/_includes/ui/chart.html

@@ -68,6 +68,22 @@
 			},
 			{% endif %}
 
+			{% if chart-type == 'radialBar' %}
+			plotOptions: {
+				radialBar: {
+					dataLabels: {
+						total: {
+							show: true,
+							label: 'Totals',
+							formatter: function (val) {
+								return "44%";
+							},
+						},
+					},
+				},
+			},
+			{% endif %}
+
 			{% if chart-type == 'bar' or chart-type == 'area' %}
 			dataLabels: {
 				enabled: {% if data.datalabels %}true{% else %}false{% endif %},

src/scss/vendor/_apexcharts.scss

@@ -39,6 +39,6 @@
   color: inherit !important;
 }
 
-.apexcharts-radialbar-area {
-  stroke: var(--#{$prefix}border-color-dark) !important;
+.apexcharts-radialbar-track .apexcharts-radialbar-area {
+  stroke: var(--#{$prefix}border-color) !important;
 }