echart 的基本使用

附上一个柱状图的代码：

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts图表
    var myChart1 = echarts.init(document.getElementById('main1'));
    var array=["无倦怠","倦怠程度很低","倦怠程度较低","轻度倦怠","倦怠程度高","倦怠程度过高"];
    var option1 = {
        title: {
            text:'教师职业倦怠测评结果--个体'
        },
        tooltip: {      //提示框
            show: true,
            textStyle:{
                color:'#fff'
            }
        },

        legend: {        // 图例
            show:true,
            textStyle: {
                orient: 'horizontal',
                x:'right',
                y:'top',
                color: '#333'
            },
            data:['测评分值']
        },
        grid:{
            x:50,
            y:50,
            x2:50,
            y2:60
        },
        axisLabel: {
            show: true,
            interval: 'auto',
            rotate: 0,
            margin: 8,
            textStyle: {
                color: '#333'
            }
        },
        xAxis : [
            {
                splitLine: { show: false },//去除网格线
                type: 'category',
                boundaryGap: true,
                axisLabel: {
                    rotate: 40,
                    interval: 0,
                    color:'black'
                },
                data:array
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:"测评分值",
                type:"bar",
                itemStyle:{
                    normal:{
                        color:'#9BBB59',
                        label: {
                            show: true, //开启显示
                            position: 'top', //在上方显示
                            textStyle: { //数值样式
                                color: 'black',
                                fontSize: 16
                            }
                        }
                    }
                },
                data:[25, 35, 50, 70, 90, 91]
            },
        ]
    };
    // 为echarts对象加载数据
    myChart1.setOption(option1);
</script>

**如果报错的话，很大可能是js文件引用的问题： **
官网有很详细的文档，根据自己的需求详细看就好了