EVOLUTION-NINJA
Edit File: masters_data_display.php
<script type="text/javascript"> $(function () { $('.chartrelated').highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, type: 'pie' }, title: { text: 'Browser market shares January, 2015 to May, 2015' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '<b>{point.name}</b>: {point.percentage:.1f} %', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' } } } }, series: [{ name: "Brands", colorByPoint: true, data: [{ name: "Microsoft Internet Explorer", y: 56.33 }, { name: "Chrome", y: 24.030000000000005, sliced: true, selected: true }, { name: "Firefox", y: 10.38 }, { name: "Safari", y: 4.77 }, { name: "Opera", y: 0.9100000000000001 }, { name: "Proprietary or Undetectable", y: 0.2 }] }] }); }); </script> <script src="<?php echo base_url(); ?>assets/js/highcharts.min.js"></script> <script src="<?php echo base_url(); ?>assets/js/exporting.min.js"></script> <div id="<?php echo $this->uri->segment(2); ?>" class="reveal-mastermoduledata"> <!--<div class="chartrelated" style="min-width: 210px; height: 300px; max-width: 600px; margin: 0 auto"></div>--> <div class="" id="dynamicdatamster" style="width:103%; height:103%; overflow-x: hidden; overflow-y: scroll;"> </div> <a class="close-reveal-modal">×</a> </div>