highchars多Y轴实现(Jquery post请求)

// 产品销售量,PV 转化率
	$.post("shopgoods.view", {
		'sdate' : sdate,
		'edate' : edate
	}, function(result, resultState) {
		var sumSuc = 0;
		var date_value = [];// X轴 存储日期
		var suc_value = new Array();//Y轴
		var pv_value = new Array();//Y轴
		var zhl_value = new Array();//Y轴
		if (resultState == "success") {
			var resultJson = eval(result);
			// 循环处理json返回的数据
			$.each(result, function(index, val) {
				date_value.push(val['dateTime']);
				pv_value.push(val['pageViews']);
				suc_value.push(val['market']);
				zhl_value.push(val['zhl']);
				sumSuc += val['market'];//得到一个总合
			});
			// alert(sumSuc);
			// $("#tableContent").html($("#TemplateData_date").html($("#td1")).append(sumSuc));
			$("#td1").html(sumSuc);// 设置销量值
			$('#container_bar').highcharts({
				exporting : {
					enabled : false
				},
				chart : {
					zoomType : 'xy'
				},
				legend : {
					layout : 'vertical',
					align : 'left',
					x : 120,
					verticalAlign : 'top',
					y : 100,
					floating : true,
					backgroundColor : '#FFFFFF'
				},
				title : {
					text : ''
				},
				xAxis : {
					categories : date_value,
					labels : {
						rotation : 75
					}
				},
				yAxis : [ { // Primary yAxis
					labels : {
						format : '{value}',
						style : {
							color : '#89A54E'
						}
					},
					title : {
						text : '销量',
						style : {
							color : '#89A54E'
						}
					}
				}, { // Secondary yAxis
					title : {
						text : 'PV',
						style : {
							color : '#4572A7'
						}
					},
					labels : {
						format : '{value}',
						style : {
							color : '#4572A7'
						}
					},
					opposite : true
				} ],
				tooltip : {
					shared : true
				},
				credits : {
					enabled : false
				},
				series : [ {
					name : 'PV',
					color : '#4572A7',
					type : 'column',
					yAxis : 1,
					data : pv_value,
					tooltip : {
						valueSuffix : ''
					}

				}, {
					name : '销量',
					color : '#89A54E',
					type : 'column',
					data : suc_value,
					tooltip : {
						valueSuffix : ''
					}
				}, {
					name : '转化率',
					color : '#AA4643',
					type : 'spline',
					data : zhl_value,
					tooltip : {
						valueSuffix : ''
					}
				}, ]
			});
		}
	});

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值