Highcharts笔记

chart: {
    renderTo: 'container', // 设定显示图标的容器,也就是div的id
    type: 'column', // 设定显示为柱图,缺省显示曲线
    marginTop: 100px, // 曲线区域与图表顶端的距离
    spacingTop: 100px // 内容区域与图表顶端的距离
},
yAxis: {
	min:0, // y轴的最大显示值
	max:1, // y轴的最小显示值
	minPadding: // 曲线最小y值与(最小)y轴线的相对距离
	maxPadding: // 曲线最大y值与(最大)y轴线的相对距离
	endOnTick: true, // 强制y方向出现的最后一个对象是y轴刻度,例如曲线的最大y是70,则y轴最大刻度至少>70并且显示出这个刻度。
	gridLineWidth: 1, // 网格线的宽度
	lineWidth: 0, // y轴线的宽度
	maxPadding: 0.05, // 控制曲线上部的空白,例如曲线的高度是100px,该值0.05表示曲线上部分有5px的空白(y轴的坐标值也会相应变化)
	minPadding: 0.05, // 控制曲线下部的空白,例如曲线的高度是100px,该值0.05表示曲线下部分有5px的空白(y轴的坐标值也会相应变化)
	showLastLabel: true, // 是否显示y轴最后一个刻度
	top: 100, // 曲线部分距离整个图表区域最上端的距离,如果最后一个刻度值被日期选择器挡住了,可以调节这个值
	stackLabels: { // 柱图中,显示多个柱的合计,并显示在柱的顶端
		align: , // 控制显示位置
		textAlign: , // 和align一起控制显示位置
		verticalAlign: , // 控制纵向显示位置
		enabled: false, // 
		formatter: ,
		style: ,
		rotation: 0,
		x: ,
		y:
	},


plotOptions: {
    column:{ // 柱图的设定
	stacking: 'normal',
	pointPadding: 0,
	groupPadding: 0,
	dataLabels: {
	    enabled: true, // 是否显示每个柱的数值
	    color: 'white' // 数值的颜色
	}
    }
}

你可能感兴趣的:(JavaScript,Highcharts)