SERV-2286 - bar chart element configuration WIP

src/Views/Limitless/Barchart/BarChart.blade.php

 <div class="chart-container">
-    <div class="chart has-fixed-height LimitlessLineChart"
-         charts="{{ $charts }}"
-         titles="{{ json_encode($titles) }}"
+    <div class="chart has-fixed-height LimitlessBarChart"
+         title="{{ $title }}"
          colors="{{ json_encode($colors) }}"
-         point-values="{{ $pointValues }}"
-         boundary-gap="{{ $boundaryGap }}"
+         bar-values="{{ $barValues }}"
          inverted="{{ $inverted }}"
-         data-zoom="{{ $dataZoom }}"
          stacked="{{ $stacked }}"
-         is-area="{{ $isArea }}"
          animation-duration="{{ $animationDuration }}"
          @if($yAxisLabelValueFormat != null) y-axis-label-value-format="{{ $yAxisLabelValueFormat }}" @endif
          @if($markLine != null) mark-line="{{ $markLine }}" @endif
          categories="{{ json_encode($categories) }}"
          series="{{ json_encode($series) }}"
-         raw="{{ $raw }}"
+         raw="{{ json_encode(json_decode($raw)) }}"
     >
     </div>
 </div>
\ No newline at end of file

src/Views/Limitless/Barchart/Config.php

@@ -63,16 +63,12 @@
         */
         public function barChart($parameters)
         {
-            return View('Limitless::Barchart.barChart')
-            ->withCharts($parameters['charts'] ?? 1)
-            ->withTitles($parameters['titles'] ?? null)
+            return View('Limitless::Barchart.BarChart')
+            ->withTitle($parameters['title'] ?? null)
             ->withColors($parameters['colors'] ?? null)
-            ->withPointValues($parameters['point-values'] ?? false)
-            ->withBoundaryGap($parameters['boundary-gap'] ?? true)
+            ->withBarValues($parameters['bar-values'] ?? false)
             ->withInverted($parameters['inverted'] ?? false)
-            ->withDataZoom($parameters['data-zoom'] ?? false)
             ->withStacked($parameters['stacked'] ?? false)
-            ->withIsArea($parameters['is-area'] ?? false)
             ->withAnimationDuration($parameters['animation-duration'] ?? 750)
             ->withYAxisLabelValueFormat($parameters['y-axis-label-value-format'] ?? null)
             ->withMarkLine($parameters['mark-line'] ?? null)

src/Views/Limitless/Barchart/Documentation/Index.blade.php

@@ -7,7 +7,7 @@
 
         // sample backend data
         $categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-        $series = ['ONC', 'APR', 'SPR', 'PHX', 'SIG', 'BRG', 'MNT', 'SDK', 'OCT'];
+        $series = ['ONC', 'APR', 'PHX', 'BRG'];
 
         $seriesData = [];
         foreach ($series as $s) {
@@ -43,21 +43,27 @@
     @endphp
 
     @Limitless::CardStart(['title' => "Basic Setup", 'icon' => 'icon-info22' ] )
-        @Limitless::LineChart([
+        @Limitless::BarChart([
+            'mark-line' => 'average',
             'categories' => $categories,
             'series' => $seriesData,
         ])
     @Limitless::CardStop
 
-    @Limitless::CardStart(['title' => "Chart 2  (raw)", 'icon' => 'icon-info22' ] )
-        @Limitless::LineChart([
-            'raw' => $rawData
+    @Limitless::CardStart(['title' => "Stacked Setup", 'icon' => 'icon-info22' ] )
+        @Limitless::BarChart([
+            'stacked' => true,
+            'categories' => $categories,
+            'series' => $seriesData,
         ])
     @Limitless::CardStop
 
-{{--    @Limitless::CardStart(['title' => "Chart 3", 'icon' => 'icon-info22' ] )--}}
-{{--        @Limitless::LineChartStart--}}
-{{--        @Limitless::LineChartStop--}}
-{{--    @Limitless::CardStop--}}
+    @Limitless::CardStart(['title' => "Stacked Setup", 'icon' => 'icon-info22' ] )
+        @Limitless::BarChart([
+            'stacked' => true,
+            'categories' => $categories,
+            'series' => $seriesData,
+        ])
+    @Limitless::CardStop
 
 @stop

src/Views/Limitless/Linechart/Documentation/Index.blade.php

@@ -144,7 +144,7 @@
         ])
     @Limitless::CardStop
 
-    @Limitless::CardStart(['title' => "Area Setup", 'icon' => 'icon-info22' ] )
+    @Limitless::CardStart(['title' => "Stacked Area Setup", 'icon' => 'icon-info22' ] )
         @Limitless::LineChart([
             'is-area' => true,
             'stacked' => true,