echarts 应用数个例子

• 应用一：环形图和饼图嵌套

先说明一下内部文件分布：

注意输入数组的格式（不是一般Javascript 的数组格式，而是有点像json 的样子），代码如下：

	profiles_pie_weibo:function(event_id){
		heats=[{name:'直达', value:335},{name:'营销广告', value:679},{name:'搜索引擎', value:1548}];
		heats2 = [{name:'直达', value:335},{name:'邮件营销', value:310},{name:'联盟广告', value:234},{name:'视频广告', value:135},
		{name:'百度', value:1048},{name:'谷歌', value:251},{name:'必应', value:147},{name:'谷歌', value:102}];
		
        // echarts库文件路径配置
        require.config({
            paths: {
                echarts: $base.appConfig.lib_scripts_path + '/echarts/'
            }
        });
        
        // 使用图表
        require(
            [
                'echarts',
                'echarts/chart/pie'
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('profiles_layout'));
        		var option = {
					tooltip : {					//鼠标hover时提示
					    trigger: 'item',
					    formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					series: [
					    {
					     name: '访问来源',
					     type:'pie',
					     radius: [0,'35%'],	//内部饼图
					     itemStyle : {
					          normal : {
					              label : {
					                  position : 'inner'
					              },
					              labelLine : {
					                  show : false
					              }
					          }
					     },
					     data:  heats
					    },
					    {
					     name: '访问来源2',
					     type:'pie',
					     radius: ['50%','70%'],	//数组形式，环形图
					     data:  heats2
					    }
					]
        		};
                // 为echarts对象加载数据 
    			myChart.setOption(option);
            }
        );//======end require=======
	},

出来的效果图：

另：应用function到tooltips的例子：

									tooltip : {
										trigger: 'item',
										formatter: function (params,ticket,callback) {
											if ('titles' == params.seriesName) {
												return "职位: " + params.name + "，个数：" + params.value;
											} else
											if ('names' == params.seriesName) {
												return "姓名: " + params.name;
											}
										}

									series : [
									          {
									        	  name:'titles',
									        	  type:'pie',
								                     radius: [0,'35%'], //内部饼图
								                     itemStyle : {
								                          normal : {
								                              label : {
								                            	  show: false,
								                                  position : 'inner'
								                              },
								                              labelLine : {
								                                  show : false
								                              }
								                          }
								                     },
								                     data:  titles
								                    },
								                    {  
								                     name: 'names',
								                     type:'pie',
								                     radius: ['50%','70%'], //数组形式，环形图
								                     data:  names
								                    }
									          ]

效果图（内圈 tooltips）：