function drawChart( msg){
document.getElementById( "data").style.display = "inline" ;
$( "#chart1").empty();
var line1 = new Array();//查询的实际数据
var line2 = new Array();//同一时间段上个星期的数据
var data1 = new Array();//line1中的数据 用来查找最大值
var data2 = new Array();//line2中的数据 用来查找最大值
$.each(msg.businessDataList, function (key, val) {
var count=msg.businessDataList[key].count;
var subTypeName=msg.businessDataList[key].subTypeName;
line1.push([subTypeName,count]);
data1.push(count);
});
$.each(msg.businessDataListOld, function (key, val) {
var count=msg.businessDataListOld[key].count;
var subTypeName=msg.businessDataListOld[key].subTypeName;
line2.push([subTypeName,count]);
data2.push(count);
});
var tricks1=getTickIntervalTmp(data1);
var tricks2=getTickIntervalTmp(data2);
if(tricks1>tricks2)
tricks=tricks1;
else tricks=tricks2;
var data=new Array();
var colors=new Array();
var label=new Array();
if(line1.length!=0){
line1.push([ "",0]);
data.push(line1);
colors.push( "#4bb2c5");
label.push({label: '当前查询'});
}
if(line2.length!=0){
line2.push([ "",0]);
data.push(line2);
colors.push( "#EAA228");
label.push({label: '上周同期'});
}
plot1 = $.jqplot( 'chart1', data, {
legend: {show: true, location: 'ne' }, //提示工具栏--show:是否显示,location: 显示位置 (e:东,w:西,s:南,n:北,nw:西北,ne:东北,sw:西南,se:东南)
series: label, //提示工具栏
seriesColors:colors,
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
pointLabels: {
show: true
},
rendererOptions: {
barWidth: 20 // 设置柱状图中每个柱状条的宽度
}
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
},
yaxis: { //准确控制y轴最大值及最小值,间隔个数
tickInterval: tricks, //网格线间隔大小
min: 0,
numberTicks:6, //网格线条数
}
},
//高亮
highlighter: {
show: true,
tooltipAxes: 'y',
tooltipLocation : 'ne',
useAxesFormatters: false,
tooltipFormatString: '<font size="3" color="red">数量:%.0f次</font> '
}
});
}
分享到:
相关推荐
jqplot 柱状图源代码、饼形图源代码、折线图源代码
jqplot柱状图示例,加鼠标移动,示例+JS
易语言画板柱状图源码,画板柱状图
一个通过jqplot完整的生成折线图和柱状图例子
根据省份位置,在Echarts 地图上画柱状图, 可点击放大单个柱状图
易语言画板柱状图源码例程程序使用易语言画板组件实现柱状图效果。 点评:易语言画板柱状图源码是易语言画板应用例程。
c# 画柱状图 dll自定义控件 c# 画柱状图 dll自定义控件 c# 画柱状图 dll自定义控件 c# 画柱状图 dll自定义控件
易语言源码易语言画板柱状图源码.rar 易语言源码易语言画板柱状图源码.rar 易语言源码易语言画板柱状图源码.rar 易语言源码易语言画板柱状图源码.rar 易语言源码易语言画板柱状图源码.rar 易语言源码易语言画板...
php画柱状图源码 没用插件 draw函数 美观实用php画柱状图源码 没用插件 draw函数 美观实用
自己写的一个有动画的柱状图小demo,希望对你有帮助
开发工具:VS2005;语言:C#;利用GDI+画柱状图 包里面是一个winform和一个类,将其放在解决方案下即可,自己改一下数据库连接
资源介绍:。通过画板实现画波浪线柱状图等,源码可用于数据统计,股票走势等,。资源作者:。资源界面:。资源下载:。
MsChart画柱状图插件
用metlab怎么画柱状图,代码, 领你的图片与众不同 柱状图内含特殊图形代替颜色
简单jQplot创建引擎(支持线图/饼图/柱状图) http://blog.csdn.net/wtderek/article/details/22885939
主要介绍了使用jQuery jqPlot插件绘制柱状图,需要的朋友可以参考下
用Labview做柱状图,可以做数据分析用
java里用JFreeChart画柱状图、折线图、雷达图,三个封装好的方法,可以直接调用。
柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图 柱状图