PHP mysql Highcharts生成饼状图

关系型数据库

首先我们建一张图表_饼图表作为统计数据。

- - 表的结构“图表_饼图”-如果不存在则创建表格` chart _ pie `(` id ' int(11)NOT NULL AUTO _ INCREMENT，` title ' varchar(30)NOT NULL，` PV ' int(10)NOT NULL，PRIMARY KEY(` id `))ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO _ INCREMENT=7；- - 转存表中的数据“chart _ pie ”-插入“chart _ pie”(“id”、“title”、“pv ”)值(1)百度，1239)，(2，'谷歌'，998)，(3 '搜搜', 342), (4, '必应', 421), (5, '搜狗', 259), (6, '其他', 83);服务器端编程语言(专业超文本预处理器的缩写)

在pie.php我们要生成数据给前端调用：

$query=mysql_query('从图表_饼图中选择* ');while($ row=MySQL _ fetch _ array($ query)){ $ arr[]=array($ row[' title ']，int val($ row[' PV '])；} $ data=JSON _ encode($ arr)；jQuery $(function(){ $(' high charts ')).高级图表({ chart : { render to : ' chart _ pie '，//饼状图关联超文本标记语言元素编号值defaultSeriesType: 'pie '，//默认图表类型为饼状图plotBackgroundColor: '#ffc '，//设置图表区背景色plotShadow: true //设置阴影}，title: { text: '搜索引擎统计分析' //图表标题}，credit : { text : ' jb51。net ' }，工具提示： { formatter : function(){//鼠标滑向图像提示框的格式化提示信息返回“这个。重点。名字“:”两位小数(这。百分比)" % "；} }，plot options 3360 { pie : { allowpointselect3360 true，//允许选中，点击选中的扇形区可以分离出来显示cursor: '指针',//当鼠标指向扇形区时变为手型（可点击)//showInLegend: true，//如果要显示图例，可将该项设置为true data labels : { enabled : true，//设置数据标签可见，即显示每个扇形区对应的数据color: '#000000 '，//数据显示颜色connectorColor: '#999 '，//设置数据域扇形区的连接线的颜色style : { font size : ' 12px '//数据显示的大小}，formatter:函数(){ //格式化数据返回“这个。重点。名字“:”两位小数(这。百分比)" % "；//返回' '这个。重点。把这个命名为“:”。y；} } }，series: [{ //数据列名称： '搜索引擎，数据：数据/核心数据列来源于服务器端编程语言(专业超文本预处理器的缩写)读取的数据并解析成JSON }]})；});此外，格式化数据市，如果要显示百分比，可使用这个百分比，高图表会自动将整数转换为百分数，如果要显示数据量，直接使用这个。百分比代码如下：

formatter:函数(){ //格式化数据返回“这个。重点。名字“:”两位小数(这。百分比)" % "；}实际数据是这样的：

formatter:函数(){ //格式化数据返回这个。重点。把这个命名为“:”。y；}最后我们要保留两位小数，代码贴下：

函数twoDecimal(x) { //保留2位小数var f _ x=parseFloat(x)；if (isNaN(f_x)) { alert('错误的参数');返回false} var f _ x=数学。圆形(x * 100)/100；var s _ x=f _ x . ToString()；var pos_decimal=s_x.indexOf(' . ');if(pos _ decimal 0){ pos _ decimal=s _ x . length；s_x="，"；} while(s _ x . length=pos _ decimal 2){ s _ x=' 0 '；}返回s _ x；}柱状图、饼状图、曲线图等都是一样的。

以上所述就是本文的全部内容了，希望大家能够喜欢。