第一个图表 | JShare

// 图表配置
var options = {
		chart: {
				type: 'bar'                          //指定图表的类型，默认是折线图（line）
		},
		title: {
				text: '我的第一个图表'                 // 标题
		},
		xAxis: {
				categories: ['苹果', '香蕉', '橙子']   // x 轴分类
		},
		yAxis: {
				title: {
						text: '吃水果个数'                // y 轴标题
				}
		},
		series: [{                              // 数据列
				name: '小明',                        // 数据列名
				data: [1, 0, 4]                     // 数据
		}, {
				name: '小红',
				data: [5, 7, 3]
		}]
};
// 图表初始化函数
var chart = Highcharts.chart('container', options);

<div id="container" style="min-width:400px;height:400px;"></div>

{"doctype":0,"resouces":"3","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":""}

第一个图表 | JShare

模板（查看所有模板）