$('#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]
}]
});
});
Highcharts 一些标签。。。
最新推荐文章于 2023-06-06 22:39:39 发布