echarts学习总结（一）：jsp整体框架

<script type="text/javascript">

        // 路径配置

        require.config({

            paths: {

                echarts: '<%=request.getContextPath()%>/ubs/js/echarts/dist'                                  //找出echarts中模型路径

            }

        });

        // 使用

        require(

            [

                'echarts',

                'echarts/theme/macarons',                                //macarons为模型线条样式，主题线条比较柔和,柱形也不尖锐

                'echarts/chart/bar',
                'echarts/chart/line' ],                   //此处可放一个或多个模型（line,bar,scatter,treemap等)

            function (ec) {

                // 基于准备好的dom，初始化echarts图表

                var myChart = ec.init(document.getElementById('chartDiv'),'macarons');             

                 var option = {            }    //option中为对象的各种参数（如：tooltip,legend,grid,xAxis, yAxis,series等等）

                // 为echarts对象加载数据

                myChart.setOption(option);

                window.onresize = myChart.resize;          //图形自适应窗口大小

            }

        );

    </script>