Generate dynamic statistical charts with php+highchats

Generate dynamic statistical charts with php+highchats_PHP tutorial

WBOY

Release： 2016-07-13 10:29:29

Original

968 people have browsed it

Copy code The code is as follows:

series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 45.0],
['IE', 26.8],
: 12.8,
sliced: true,
selected: true
},
['Safari', 8.5],
['Opera', 6.2],
['Others' , 0.7]

Watch this paragraph mainly:

Copy code

The code is as follows:

{ name: 'Chrome', y: 12.8, sliced: true,

selected: true

}

Copy code

The code is as follows:

                                                                                                              utf-8">
                                                              1.8.2/jquery.min.js">
                                                           name":"u4e0au6d77","y":28.2},{"name":"u5317u4eac","y":48.2},{"name":"u5e7fu4e1c","y":18.2}];
//In fact, just display it according to the json display method in the example, such as chrome.
            // Radialize the colors
            Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {
                return {
                    radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
                    stops: [
                        [0, color],
                        [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
                    ]
                };
            });
            // Build the chart
            $('#container').highcharts({
                chart: {
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false
                },
                title: {
                    text: 'Browser market shares at a specific website, 2010'
                },
                tooltip: {
                    pointFormat: '{series.name}: {point.percentage:.1f}%'
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            color: '#000000',
                            connectorColor: '#000000',
                            formatter: function() {
                                return ''+ this.point.name +': '+ this.percentage +' %';
                            }
                        }
                    }
                },
                series: [{
                    type: 'pie',
                    name: 'Browser share',
                    data: ds,
                }]
            });
        });

area();
/**
* Region interface
* name name
* y data value
* *
*/
function area()
{
$b = array(
'name'=>'Shanghai', 'y'=>28.2),
                                 array('name'=> '=>'Guangdong', 'y'=>18.2),
       );                                               ?>

The following is the json data output by php for use by js:

Copy code

The code is as follows:

$strs = @file("/proc/net /dev");

for ($i = 2; $i < count($strs); $i++ ) { preg_match_all( "/([^s]+):[s] {0,}(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)/", $strs[$i], $info ); /* $NetInput[$i] = formatsize($info[2][0]); $NetOut[$i] = formatsize($info[ 10][0]);

$tmo = round($info[2][0]/1024/1024, 5);
$tmo2 = round($tmo / 1024, 5 );
$NetInput[$i] = $tmo2;
$tmp = round($info[10][0]/1024/1024, 5);
$tmp2 = round($tmp / 1024, 5);
$NetOut[$i] = $tmp2;

}

$arr = array();
if (false !== ($strs = @file("/proc/net/dev"))) :
for ($i = 2; $i < count($strs); $i++ ) :
preg_match_all( "/([^ s]+):[s]{0,}(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+)s+(d+ )s+(d+)/", $strs[$i], $info );
$arr[$i]["name"] = $info[1][0];
$arr[$ i]["data"][0] = $NetInput[$i];
$arr[$i]["data"][1] = $NetOut[$i];

endfor ;
endif;
echo(json_encode($arr));
?>

Output:

Copy code
The code is as follows:

{"2":{"name":"lo","data": [0,0]},"3":{"name":"eth0","data":[0.40377,0.00353]}}

js call:

Copy code

The code is as follows:

series: [

http://www.bkjia.com/PHPjc/774999.html

www.bkjia.com

true

http: //www.bkjia.com/PHPjc/774999.html

TechArticleCopy the code The code is as follows: series: [{ type: 'pie', name: 'Browser share', data: [ ['Firefox', 45.0], ['IE', 26.8], { name: 'Chrome', y: 12.8, sliced: true, selected: true }, ['Safa...