my first highchart demo

<html>
<head>
<title>hello mnmlist!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery.min.js"></script>
<script src="js/highcharts.js"></script>
<script src="js/themes/gray.js"></script>
<script>
$(function () { 
    $('#mnmlist').highcharts({                   //图表展示容器,与div的id保持一致
        chart: {
            type: 'column'                         //指定图表的类型,默认是折线图(line)
        },
        title: {
            text: 'My first Highcharts chart'      //指定图表标题
        },
        xAxis: {
            categories: ['my', 'first', 'chart']   //指定x轴分组
        },
        yAxis: {
            title: {
                text: 'something'                  //指定y轴的标题
            }
        },
        series: [{                                 //指定数据列
            name: 'Jane',                          //数据列名
            data: [1, 3, 4]                        //数据
        }, {
            name: 'John',
            data: [5, 7, 3]
        }]
    });
});
</script>
</head>
<body>
<div id="mnmlist" style="min-width:800px;height:400px"></div>
</body>
</html>

my first highchart demo_第1张图片 my first highchart demo_第2张图片

你可能感兴趣的:(demo,highchart)