my first highchart demo

来源：互联网发布：医学生刷题软件编辑：程序博客网时间：2024/06/08 08:52
<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>
0 0