highcharts
2016-04-26 15:08
274 查看
//js代码
$.ajax({
url:"",
data:{},
beforeSend:function(){
showLoading("#container9");
},
success:function(resString){
//var datas=eval("("+resString+")");
$(function () {
$('#container9').highcharts({
chart: {
width:950,
height:220,
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: ''
},
yAxis: [{
title: {
text: '融资性担保余额',
style: {
color: '#4572A7'
}
},
labels: {
formatter: function() {
return this.value +' 万元';
},
style: {
color: '#4572A7'
}
}
}],
xAxis: {
categories: ['2015年3月', '2015年4月', '2015年5月', '2015年6月', '2015年7月','2015年8月', '2015年9月', '2015年10月', '2015年11月', '2015年12月', '2016年1月', '2016年2月']
},
tooltip: {
formatter: function() {
var s;
if (this.point.name) { // the pie chart
s = ''+
this.point.name +': '+ this.y +' fruits';
} else {
s = ''+
this.x +': '+ this.y;
}
return s;
}
},
series: [{
type: 'column',
name: '金额',
data: [100,106,111,121,121,123,128,133,134,135,144,150]
}, {
type: 'spline',
name: '增长率',
data: [12.7,15.9,14,14.5,15,17.4,16.4,13.8,15.6,14.6,12.3,14.9],
marker: {
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[3],
fillColor: 'white'
}
}]
});
});
}
});
//jsp代码
<div class="fenbu_ul_img">
<div id="container9" ></div>
</div>
相关文章推荐
- Highcharts使用简例及异步动态读取数据
- 浅析jquery的js图表组件highcharts
- jQuery.Highcharts.js绘制柱状图饼状图曲线图
- PHP+mysql+Highcharts生成饼状图
- PHP+mysql+Highcharts生成饼状图
- Highcharts 非常实用的Javascript统计图demo示例
- JQuery Highcharts 动态生成图表的方法
- 浅析jquery的js图表组件highcharts
- jQuery.Highcharts.js绘制柱状图饼状图曲线图
- Highcharts报表插件多余小数位BUG的修复
- jQuery Highcharts折线图案例分析
- Highcharts图表库使用教程[Highcharts详细参数配置]
- Highcharts选项配置详细说明文档
- 使用Highcharts生成折线图与曲线图
- 使用Highcharts生成柱状图
- 使用Highcharts结合PHP与Mysql生成饼状图
- 使用Highcharts实现柱状图、饼状图、曲线图三图合一
- highchart是个好东西,html做图表,jq太强大了
- HighCharts 部分属性说明