Highcharts 一些标签。。。

    $('#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)