您的位置:首页 > 其它

Highcharts 一些标签。。。

2016-07-12 18:17 447 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20134773/article/details/51891436
$('#container').highcharts({

title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

},

yAxis: {

min:0, // 定义最小值  //X轴起点
minPadding: 0.2,
//与顶部的一个距离(具体数值问题、、、不太懂)
maxPadding: 0.2,

tickInterval:100, // 刻度值 X轴的之间的距离
title: {
text: 'Temperature (°C)' //X轴的 标题
},
plotLines: [{			//Y轴线的设置
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
//提示框宽度(不知道为什么 一直是根据提示框内容来自动调整大小)
borderWidth: 200,
backgroundColor: '#891716',   // 背景颜色
borderColor: 'auto',         // 边框颜色
borderRadius: 200,             // 边框圆角
shadow:false,				//消除边框
style: {color:'#FFFCFF',	//设置字体STYLE
fontSize: '20px',
padding:'10px'
},
formatter:function(){          //方法 提示框显示内容范围
var s;
s = this.y;
return s;
}
},
colors: ['#7E1813'],//设置线颜色

series: [{
name: 'Tokyo',
data: [200, 300, 500, 600, 100, 250, 800, 233, 666, 350, 268, 248]
}]
});
});

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: