highcharts属性介绍.docx
版权申诉
118 浏览量
2023-02-28
20:30:53
上传
评论
收藏 21KB DOCX 举报
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>
<script type="text/javascript">
$(function(){
$('#container').highcharts({
chart:{ //通用参数
//alignTicks:false,自动计算 y 轴数值，（true/false）
backgroundColor: '#A35393',//背景颜色
borderColor:'#699668',//边框颜色
borderRadius: 50,//圆角边框
borderWidth: 10,//边框宽度
//height: 600,//图形高度
width:800,//图形宽度
ignoreHiddenSeries:true,//自动调整剩余的数据轴
//inverted:true,x 轴跟 y 轴位置互换
//margin:[0,0,0,0],
//marginBottom:100,//图形跟边框之间的距离 marginLeft
marginTop
marginRight
zoomType: 'x',//图形沿 x 轴放大
panning: true,//图形放大时，按 shift 键拖动图形
panKey: 'shift',
resetZoomButton:{//当图形放大之后，会出现一个按钮，点击之后还原图
形
position:{
x:0,
y:-30
},
theme:{//设置按钮样式
fill:'white',//填充白色
stroke:'silver',//银色边框
r:0,
states:{
hover:{//鼠标经过样式
fill:'#417256',
style:{
color:'white'
}
}
资源评论
