echarts简单使用

<!-- 准备个div -->

<div class="ctop" id="ctop"></div>


<!-- 准备js -->
<script src="echarts-4.2.1/dist/echarts.min.js"></script>
//如果不会下载就用，这俩用一个就行。
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
//这里还有jquery等等其他的
...


<script type="text/javascript">

    // 基于准备好的dom，初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('ctop'));
    $(function () {
        CoreUtil.sendPost("/busineAssessment/cityAnalysis", null, function (res) {
            resoueData[0] = res.data.cc;
            resoueData[1] = res.data.jl;
            resoueData[2] = res.data.sp;
            resoueData[3] = res.data.th;
            resoueData[4] = res.data.bs;
            resoueData[5] = res.data.ly;
            resoueData[6] = res.data.bc;
            resoueData[7] = res.data.sy;
            resoueData[8] = res.data.yb;
            // 指定图表的配置项和数据
            var option2 = {
                title: {
                    text: '地市分布'
                },
                tooltip: {},
                legend: {
                    data: ['销量']
                },
                xAxis: {
                    data: ["长春", "吉林", "四平", "通化", "白山", "辽源","白城","松原","延边"]
                },
                yAxis: {},
                series: [{
                    name: '',
                    type: 'bar',
                    // data: [5, {
                    //     value: 200,
                    //     itemStyle: {
                    //         color: '#3dc656'
                    //     }
                    // }, 36, 10, 10, 20]   //这里有个可以按数量区分颜色，暂时不用
                    data:resoueData
                }]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart2.setOption(option2);
        });

    });

</script>