当前位置:首页 > 日记 > 正文

PHP+MySQL+Highcharts生成饼图

PHP+MySQL+Highcharts生成饼图
MySQL
首先,我们建立了一个chart_pie表作为统计数据。


-表` chart_pie `结构


创建表不存在(` chart_pie `
` ID ` int(11)不为空auto_increment,
`标题` varchar(30)不为空,
`光伏` int(10)不为空,
主键(id)
)= MyISAM引擎默认的字符集utf8 auto_increment = 7;


数据` chart_pie `在记忆表


插入` chart_pie `(` ID `,`标题`,`光伏`)值
(1,百度,1239)
(2,'ogle ',998),
(3,搜索,342)
(4,冰,421)
(5,搜狗,259),
(6,其他,83);
PHP
在pie.php我们要生成数据的前端呼叫:

为查询= mysql_query(SELECT * FROM chart_pie );
而($行= mysql_fetch_array($查询)){
{ } =数组(数组元
$行{标题},intval($行{ 'pv})
);
}
数据json_encode美元($ ARR);
jQuery
$(函数(){())
$(# Highcharts)。Highcharts({
图:{
render:'chart_pie,
饼图与相关联的元素值
defaultseriestype:'pie,
将默认图表类型添加到饼图中。
plotbackgroundcolor:# FFC,
设置背景色图表区域
PlotShadow:真 / /设置阴影
},
标题:{
文本:搜索引擎统计数字/图表标题
},
学分:{
文本:
},
提示:{
格式化:(功能){ / /鼠标图像格式的消息提示框
返回+ this.point.name ++twodecimal(这个百分比)%;
}
},
plotoptions:{
{馅饼:
allowpointselect:真,
允许选择,单击所选扇区可以与显示分开。
光标:'pointer,
当鼠标指向扇形区域转为手型(单击)
/ / / showinlegend:真的,如果你想显示图例,可以设置为true
DataLabels:{
启用:正确,
设置可见的数据标签,显示与每个扇区对应的数据。
颜色:# 000000,
数据显示颜色
connectorcolor:# 999,
设置数据域扇区连接线颜色
风格:{
FontSize:'12px ' / /数据显示大小
},
格式化:(功能){ / /数据格式
返回+ this.point.name ++twodecimal(这个百分比)%;
/ /返回+ this.point.name + ':' +本。Y;
}
}
}
},
系列:{数据列
名称:搜查引擎,
数据:从PHP数据读取并解析为JSON的数据核心数据列
} }
});
});
此外,对城市数据格式,如果你想显示的百分比,你可以使用this.percentage。开发自动转换成整数百分比。如果要显示数据卷,请直接使用。

百分比代码如下所示:

格式化:(功能){ / /数据格式
返回+ this.point.name ++twodecimal(这个百分比)%;
}
实际的数据是这样的:

格式化:(功能){ / /数据格式
返回+ this.point.name +:+ Y这;
}
最后,我们必须保留两个十进制数。

功能twodecimal(x){ / / 2位小数
无功f_x parseFloat(x)=;
如果(isnan(f_x)){
警报('wrong参数);
返回false;
}
无功f_x = math.round(X 100)/ 100;
无功s_x = f_x.tostring();
无功pos_decimal = s_x.indexof(' ');
如果(pos_decimal<0){
pos_decimal = s_x.length;
s_x += '。;
}
而(s_x.length <= pos_decimal + 2){
s_x = '0';
}
返回s_x;
}
条形图、饼图、图等是相同的。

以上是本文的全部内容,希望大家能喜欢。

相关文章

我快乐快乐个性签名快乐个性签名

我快乐快乐个性签名快乐个性签名

个性签名,快乐,我快乐,电脑软件,我会很快乐,我会告诉每个人我很幸福,幸福的个性是值得拥有的。 我掩饰自己的力量,用微笑掩饰所有的悲伤。 提供一个好的待遇,只为别人,但不一定是幸福的。 有一种执着的呼唤等待,有一种卑微的叫做爱。 没有你,我会…

在thinkphp3.2.2背景公共类的体系

在thinkphp3.2.2背景公共类的体系

体系结构,背景,电脑软件,本文分析了在thinkphp3.2.2背景的公共类建筑的问题。分享给你供你参考。具体分析如下: 3.13,许多项目使用公共平台之前和lib /行动后,和:创建为lib /行动的帮助下一个公有继承类。发现在3.2.2很多人所要求的,所以它是使…

独特的天赋搞笑的个性签名

独特的天赋搞笑的个性签名

天赋,个性签名,独特,搞笑,电脑软件,激起爱情的往往是年轻人,能坚持到底的是人。 风情万种的女人是打火机,不解风情的女人是灭火器。 一个男人和一个女人在车上吵架。如果一个女人开车,她就会踩刹车。如果一个人开车,他就会踩油门。 我没有搞笑,…

如何在QQ空间采用新的藤藤QQ常见问

如何在QQ空间采用新的藤藤QQ常见问

常见问题,空间,如何在,电脑软件,QQ,目前,所有的用户都可以体验新花的使用。请参考以下信息。 第一步:添加新的藤蔓应用程序游戏; 进入QQ空间后,将鼠标移动到工具栏中的应用按钮,几秒钟后,在应用程序列表中选择花藤按钮。如果没有应用程序,则可以…

教你用ai快速把杨坤的,一个中国好的

教你用ai快速把杨坤的,一个中国好的

语音,中国,矢量,家教,教你用,本教程是介绍给朋友的,用ai使杨坤的中国好声音照片快速变成矢量图片。效果非常好,而且方法也很简单。推荐朋友,一起学习。 本教程是介绍给一个朋友,谁使用人工智能使杨坤的照片的中国好声音快速成矢量图片。本教程…

让花藤装饰岩石特征PS图象处理软件

让花藤装饰岩石特征PS图象处理软件

图象处理,软件教程,特征,岩石,电脑软件,制作教程方法很详细的岩石纹理的话:过程:先设置所需的文本或图形;在通道面板中设置一些初始纹理过滤器;然后用滤光片在图层面板使岩石的纹理;纹理应用到文本,并与一些救济方式和纹理;以后再加一些装饰的爱,朋…

彩色快速处理灰色和黑暗,局部灰色黑

彩色快速处理灰色和黑暗,局部灰色黑

灰色,黑暗,局部,彩色,快速,本教程是快速的图像处理,用灰度和深灰灰度,局部暗到朋友的ps左右,很好的教程,很基础,非常适合初学者学习, ps快速了解基本使用层次,快速解决图片整体灰度和暗灰色暗暗的问题,希望对我们的亲人有所帮助。 方法/步骤 打开…

PS图象处理软件地图出美丽可爱的韩

PS图象处理软件地图出美丽可爱的韩

韩国,效果图,图象,处理软件,婚纱摄影,本教程是介绍PS图象处理软件的朋友出漂亮可爱的韩国风格的婚礼效果图的使用,教程最后调出来的效果真的很好,生产过程作了较详细的介绍,对交友的后半部分是值得学习的,不错,推荐给朋友,爱可以跟进一个教程学习…

太空故事鱼与水哲学对话QQ空间

太空故事鱼与水哲学对话QQ空间

空间,太空,哲学,故事,电脑软件,太空故事,讲述人生的快乐,酸甜,记录自己的变化之心。 鱼说:你好美,我想我喜欢你。水说:傻瓜,那只是一个很好的感觉。鱼说:真的,我不骗你。水说:我不相信一见钟情。日子一天天过去,鱼对水的感情是日趋笃厚。鱼说:我喜欢和…

PS路径文字布局制作多彩文本叠加效

PS路径文字布局制作多彩文本叠加效

文本,文字,叠加,布局,路径,本教程是介绍朋友PS路径文字排版的彩色文字效果教程栈方法,做的文字效果很好,推荐给喜欢的朋友学习一下。 文字叠加效果,使用路径文字排版,堆积丰富多彩的文字效果。萧边在这里介绍PS路径文字排版制作丰富多彩的文字…

PHP实现多字节字符串翻转的简易方

PHP实现多字节字符串翻转的简易方

多字节,方法,字符串翻转,简易,电脑软件,本文介绍了一种PHP实现多字节字符串翻转的简单方法,供大家参考,具体实现方法如下: 功能mb_strev($美元= null字符串,编码){ 如果($ = NULL){ 美元($字符串编码= mb_detect_encoding); } 长度= mb_strlen美元(美…

一种掌握登录界面的简单安全平衡的

一种掌握登录界面的简单安全平衡的

方法,登录界面,简单,电脑软件,用户体验升级登录界面并不像看上去那么简单,当你的界面更加美观、直观、快捷、易用同时登录时,你还需要使这个过程不那么简单,不受黑客或其他恶意入侵的影响。 无论是一个网页设计师或UI设计师,一个登录和注册页面…