highchart

#下载
https://www.highcharts.com/download

a. 简单例子

highchart

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

    <div id="container" style="width: 800px;height: 400px">

    </div>
    <script src="/static/jquery-3.2.1.js"></script>
    <script src="/static/Highcharts-5.0.12/code/highcharts.js"></script>
    <script >
        Highcharts.setOptions({
            global: {
                useUTC: false
            }
        });
        var chart = new Highcharts.Chart('container',{
            title:{
                text:"highcharts demo",
            },
            xAxis:{
                categories:["周一","周二","周三"]
            },
            yAxis:{
                title:{
                    text:"desciption"
                }
            },
            series:[{
                name:"beijing",
                data:[7.0,6.9,9.5]
            },{
                name:"shanghai",
                data:[-0.2,0.8,5.7]
            }]
        });

    </script>

</body>
</html>

View Code