条形统计图是用一个单位长度表示一定的数量，根据数量的多少画成长短不同的直条，然后把这些直条按一定的顺序排列起来。从条形统计图中很容易看出各种数量的多少。条形统计图一般简称条形图，也叫长条图或直条图。条形统计图是用条形的长短来代表数量的大小，便于比较。条形统计图又分为条形统计图和复式条形统计图，复式条形统计图由多种数据组成，用不同的颜色标出。
创新互联建站凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势，提供专业的网站策划、成都网站建设、成都做网站、网站优化、软件开发、网站改版等服务，在成都十多年的网站建设设计经验，为成都上1000+中小型企业策划设计了网站。
所填答案为：一定的数量 数量的多少 一定的顺序
我这个是使用的echarts的饼图，如果需要使用到其他的图形，可以在echarts的官网上面去找找，上面各种的图都有例子
option = {
title : {
//图中2的位置
text: '某站点用户访问来源',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} br/{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']//图中1的位置
},
series : [ //图中3的位置
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
//这下面就是你从数据库中查询的结果
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
} }]};
数据具体怎么从后台传送到前台来，楼主应该知道的吧，我这儿就不说了，望采纳！
统计图使用 JFreeChart，比如现在取一个星期的日期数据，7天中每天都有数值，那么这样做
1、用冒泡法找出7天中数值最多的用来做折线统计图的峰值。
2、NEW出7个折线统计图的柱形并把7天的数值分别赋值。
然后界面就显示出来了
//参考地址去网站下js控件，下面是饼图的代码，下图是我的代码效果
function query1(housetype,redStatisticsList,text0,cashingSum,tranferSum){
!--红包发放数据--
var myrodiusred = echarts.init(document.getElementById('mainrodius'));//ID
var redHousehold = housetype;
var redMoney = redStatisticsList;
var allMoney = 0;//总金额
$.each(redStatisticsList,function(index,item){
allMoney =allMoney+ Number(item.value);
})
optionTwo = {
title : {
text: text0,
subtext: "总金额："+allMoney+"\n\n提现总额："+cashingSum+"\n\n到账总额："+tranferSum,
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} br/{b} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: housetype
},
series : [
{
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:redMoney,
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
myrodiusred.setOption(optionTwo);
}