extjs集成echart

理由

extjs 功能虽然强大，但是图表的方面，单一并且繁琐，一般很难满足需求。
echart 图表较多，使用群体多，便于学习，易于使用。

导入echart

<script type="text/javascript" src="js/echarts-min.js"></script>  

使用echart

在创建echart之前需要先创建 Ext.Panel

    var panel_chart = new Ext.Panel({            width : 220,            height : 400,            html : ' <div id="chart_panel" ></div>'        } 

现在可以开始创建 echart

    var option = {            legend : {                orient : 'vertical',                data : ["part1","part2"]            },            series : [{                        type : 'pie',                        center : ['50%', '60%'],                        data : [{"name":"part1","value":5},{"name":"part2","value":10}]                    }]        };    var chart = echarts.init(document.getElementById('chart_panel'));    chart.setOption(option);

最后页面显示