echart简单介绍

echarts简介

百度开发团队制作，开源交给apache基金管理
制作图表的JavaScript库

echarts步骤

var echart = echarts.init(dom节点,主题)

例如：

var echart = echarts.init(document.getElementById("one"))

定义选项option
    var option = {
    title标题

            title:{

                text:"我的第一个图表"

            },

    legend图例

            legend:{data:["图例 "]},

    color调试版本
    tooltip提示

            // 图表的提示

            tooltip:{},

    xAxis轴线X

            // x轴线

            xAxis:{data:["周一","周二","周三","周四","周五","周六","周日"]},

    yAxis轴线Y

            // y轴线

            yAxis:{},

    series系列数据

            series:[

                {

                    // 数据名称

                    name:"睡眠时长",

                    // 类型为柱状图

                    type:"bar",

                    // 数据data

                    data:[8,10,4,5,9,4,8]

                    }

            ]

    } 

        echart.setOption(option);

图表的类型

柱状图
    type: "bar"

线形图
    type: "line"

平滑线形图
    type: "line"
smooth: true

面型图
    type: "line",
areaStyle:{color: 'pink'}

饼形图
    type: "pie",