柱形图

Chart图表

引用

  <script src="Scripts/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="highcharts.js"></script>

先后顺序不能反

在body里给三个div分别给上id

 $(function () {

        $("#container1").highcharts({ //图表展示容器，与div的id保持一致

            chart: {

                type: 'column', //指定图表的类型，默认是折线图（line）

            },

            title: {

                text: '这是柱状图', //指定图表标题

            },

            xAxis: {

                categories: ['my', 'first', 'chart'], //指定X分组

            },

            yAxis: {

                title: {

                    text: 'something', //指定Y轴的标题

                },

            },

            series: [ //指定数据列

{

    name: 'Jane', //数据列名

    data: [1, 2, 4], //数据

}, {

    name: 'John',

    data: [5, 3, 7],

}

            ],

        });

});