條形統(tǒng)計(jì)圖是用一個(gè)單位長(zhǎng)度表示一定的數(shù)量,根據(jù)數(shù)量的多少畫成長(zhǎng)短不同的直條,然后把這些直條按一定的順序排列起來(lái)。從條形統(tǒng)計(jì)圖中很容易看出各種數(shù)量的多少。條形統(tǒng)計(jì)圖一般簡(jiǎn)稱條形圖,也叫長(zhǎng)條圖或直條圖。條形統(tǒng)計(jì)圖是用條形的長(zhǎng)短來(lái)代表數(shù)量的大小,便于比較。條形統(tǒng)計(jì)圖又分為條形統(tǒng)計(jì)圖和復(fù)式條形統(tǒng)計(jì)圖,復(fù)式條形統(tǒng)計(jì)圖由多種數(shù)據(jù)組成,用不同的顏色標(biāo)出。
凌河網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,凌河網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為凌河1000多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的凌河做網(wǎng)站的公司定做!
所填答案為:一定的數(shù)量 數(shù)量的多少 一定的順序
//參考地址去網(wǎng)站下js控件,下面是餅圖的代碼,下圖是我的代碼效果
function?query1(housetype,redStatisticsList,text0,cashingSum,tranferSum){
!--紅包發(fā)放數(shù)據(jù)--
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提現(xiàn)總額:"+cashingSum+"\n\n到賬總額:"+tranferSum,
x:'center'
},
tooltip?:?{
trigger:?'item',
formatter:?"{a}?br/?(squ6kqw%)"
},
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);
}
其實(shí)挺簡(jiǎn)單的,注意我寫的注釋!
%@ page contentType="text/html;charset=GB2312" %
%@ page import="org.jfree.chart.JFreeChart,org.jfree.chart.ChartUtilities,
org.jfree.chart.ChartFactory,
org.jfree.chart.plot.PlotOrientation,
org.jfree.data.category.DefaultCategoryDataset"% //上面是需要添加的頭文件
html
body
%
String dataName[]=new String[]{"0-30歲","30-50歲","50-70歲","70歲以上"};//顯示數(shù)據(jù)系列
int dataValueCount[]={4,5,4,6};//數(shù)據(jù)系列對(duì)應(yīng)的值
//以上兩行可以從數(shù)據(jù)庫(kù)里去取值,用循環(huán)寫入數(shù)組
//------創(chuàng)建數(shù)據(jù)集,并設(shè)置值------
DefaultCategoryDataset categoryDataset = newDefaultCategoryDataset();//這個(gè)表示柱狀圖
for(int i=0;idataName.length;i++)
categoryDataset.addValue(dataValueCount[i],dataName[i],dataName[i]);//循環(huán)寫入數(shù)據(jù)集
String titleString="用戶年齡階段分布統(tǒng)計(jì)圖";//圖的標(biāo)題
JFreeChart chart = ChartFactory.createBarChart(titleString,"用戶年齡階段","數(shù)量",
categoryDataset,PlotOrientation.VERTICAL,true,true,false);//chart就是欲創(chuàng)建的圖表
ChartUtilities.writeChartAsJPEG(response.getOutputStream(),chart,500,300);//這行的意思是輸出成一個(gè)JPEG形式的文件顯示
%
/body
/html
其實(shí)后面還有很多參數(shù)的,比如顏色,柱子的標(biāo)題等等,太多屬性了,這個(gè)你查看一下JFREECHART的文檔就行了,比如下面這樣,很容易吧。
Font labelFont = new Font("SansSerif", Font.TRUETYPE_FONT, 12);
/*
* VALUE_TEXT_ANTIALIAS_OFF表示將文字的抗鋸齒關(guān)閉,
* 使用的關(guān)閉抗鋸齒后,字體盡量選擇12到14號(hào)的宋體字,這樣文字最清晰好看
*/
// chart.getRenderingHints().put(RenderingHints.KEY_TEXT_ANTIALIASING,RenderingHints.VALUE_TEXT_ANTIALIAS_OFF);
chart.setTextAntiAlias(false);
chart.setBackgroundPaint(Color.white);
// create plot
CategoryPlot plot = chart.getCategoryPlot();
// 設(shè)置橫虛線可見
plot.setRangeGridlinesVisible(true);
// 虛線色彩
plot.setRangeGridlinePaint(Color.gray);
// 數(shù)據(jù)軸精度
NumberAxis vn = (NumberAxis) plot.getRangeAxis();
// vn.setAutoRangeIncludesZero(true);
DecimalFormat df = new DecimalFormat("#0.00");
vn.setNumberFormatOverride(df); // 數(shù)據(jù)軸數(shù)據(jù)標(biāo)簽的顯示格式
// x軸設(shè)置
CategoryAxis domainAxis = plot.getDomainAxis();
domainAxis.setLabelFont(labelFont);// 軸標(biāo)題
domainAxis.setTickLabelFont(labelFont);// 軸數(shù)值
屬性比較多,不可能全貼出來(lái),也不必全用,設(shè)置一些實(shí)用的屬性即可。