调用
//饼图
var initChart= MyeCharts.pie(echartId,datas,params);
//柱状图/折线图
var initChart= MyeCharts.myChart((echartId,seriesData,xAxisData,params));
可重写 option如下
var options = {
legend : {
orient: 'vertical', //垂直:vertical; 水平 horizontal
right:'right',
},
series:[{
radius : '55%', //圆的大小
center : ['50%', '60%'],//位置居中
}]
};
initChart.setOption(options);
代码封装
/****************** eCharts图表类 ***************/
var MyeCharts = {
/**
*
* @param option : option
* @param echartId : 图表的id 需要加引号
*/
initChart : function (option,echartId){
var container = eval("document.getElementById('" + echartId + "')");
var myChart = echarts.init(container);
myChart.setOption(option); // 为echarts对象加载数据
return myChart;
},
NoGroupFormate : function (data){
var categorys = [];//名称
//遍历
for(var i=0;i<data.length;i++){
categorys.push(data[i].name || "");
}
return categorys;
},
//生成图形option
/**
* 饼图
* @param title : 标题<br>
* @param subtext :副标题<br>
* @param positionx : 标题位置<br>
* @param positiony : 标题位置<br>
* @param legendOrient : legend显示方式<br>
* @param legendx : legend x轴位置<br>
* @param legendy : legend y轴位置<br>
* @param legendData : legend 数据 <br>
* @param radius : 圆的大小 <br>
* @param centerX : 圆的x轴 <br>
* @param centerY : 圆的y轴 <br>
* @param data : json 数据
*
*/
pie : function (echartId,datas,params){
if(document.getElementById(echartId) !=null){
//数据格式
var legendData;
if