Echart简单示例

1.引入文件

<script src="build/source/echarts-all.js"></script>

2.准备一个具备大小的模具

<div id="main" style="height:400px"></div>

3.填充数据 

 <script type="text/javascript">
        //基于准备好的模具，初始化echats图像
        var myChart = echarts.init(document.getElementById("main"));

        var option = {
            //工具栏
            tooltip: {
                show: true
            },
            legend: {
                data: ["销量"]
            },
            xAxis: [
            {
                type: 'category',
                data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
            }
            ],
            yAxis: [
                {
                    type: 'value'
                }
            ],
            series: [
                {
                    "name": "销量",
                    "type": "bar",
                    "data": [5, 20, 40, 10, 10, 20]
                }
            ]
        };
        //为echarts对象加载数据
        myChart.setOption(option);
    </script>