js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 其它代码

jquery highcharts插件生成走势图及水印

发布时间:2015-08-30 22:11:04    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery highcharts插件生成走势图及水印

jq走势图 highchart水印 jquery highcharts插件生成走势图及水印 

$(function () {
	$('#container').highcharts({
		title: {//走势图标题
			text: '铟行情(周)',
			x: 20 ,
			//style:{display:"none"}可隐藏
		},
		subtitle: {//走势图来源
			text: 'Source: www.jstxdm.com',
			x: 20,
			style:{display:"none"}//可隐藏
		},
		xAxis: {//X轴分类
			categories: ['2013-11-06', '2013-11-07', '2013-11-08', '2013-11-09', '2013-11-10']
		},
		yAxis: {//Y轴会根据series的data数值自动分格并划分上下限
			title: {
				text: '(元/公斤)',//Y轴表示的文本
				//style:{display:"none"}可隐藏
			}
		},
		tooltip: {
			valueSuffix: '(元/公斤)'//数据的后辍
		},
		legend:{//线条所表示的品种分类
			enabled:0,//0为隐藏1为显示
			layout: 'vertical',
			align: 'right',
			verticalAlign: 'middle',
			borderWidth: 0
		},
		credits:{//制作人;可作为本站水印
			text:"http://www.jstxdm.com",
			href:"http://www.jstxdm.com",
			position:{x:-250,y:-180},
			style:{"z-index":"999"}
		},
		series: [{//可以为多个品种
			name: '铟',
			data: [4200, 4300, 4400, 4350, 4550]
		},{
			name: '铜',
			data: [4100, 4400, 4600, 4150, 4250]
		}]
	});
});



jq走势图 走势图 水印 插件 highchart水印
友荐云推荐
大家说 此评论不代表本站观点