3dgrafieken

application/views/monpas/compactsop/omvangcompact.php

@@ -1,6 +1,8 @@
-<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('vendor_url'); ?>/css/chart.css" />
+
 <script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
 <script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
+<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
+
 
 
 <div class="sopOnderdeelBlok">
@@ -101,9 +103,6 @@
             </div>
         <?php endif ?>
     </div>
-
-
-
 <script>
     // Build the chart
 
@@ -270,7 +269,11 @@
              plotBorderWidth: null,
              plotShadow: false,
              type: 'pie',
-             margin: [0,-10, 0, -80]
+             margin: [0,-10, 0, -80],
+             options3d: {
+                 enabled: true,
+                 alpha: 45,
+             },
          },
          title: {
              text: null,
@@ -284,6 +287,7 @@
                  // allowPointSelect: true,
                  size: 95,
                  padding: 0,
+                 depth: 20,
 
                  // cursor: 'pointer',
                  dataLabels: {
@@ -312,7 +316,6 @@
          },
          series: [{
              name: 'tlvs',
-             // colorByPoint: true,
              data: punten
          }]
      });