mmecharts.js

echarts3.x 数据、样式配置分离，jquery组件

1、同一份数据用在不同图表类型 2、自动解析不同数据结构 3、只修改需要修改的配置

目录

• 概述
• Options
• 事件
• MMChart方法
• ChartType方法
• 自定义扩展图表类型
• 例子

概述

echarts 数据、样式配置分离，jquery组件，让使用echarts更简单

1、同一份数据用在不同图表类型 2、自动解析不同数据结构 3、只修改需要修改的配置

用法

导入jquery.js和mm.echarts.js和echarts.js

$(function () {
 $(selector).mmEcharts(options); 
 }); 

Options

事件

MMChart方法

ChartType方法

自定义扩展图表类型

默认支持图表类型，line，bar ,bar2,map，pie.可以通过扩展ChartType增加图表类型。 可以参考examples\mm.echarts.radar.js,代码结构:

$.mmEcharts.chartType.radar={
//扩展的图表名称
type: '图表类型',
//默认通用配置
 option: function () {
    return {};
  },
  /**
  * 把数据解码对应的series
  * @param data 数据
  * @param mmChart 
  * @returns {echarts.options}
  */
  decodeData: function (data,mmChart){
    return {};
  }
}

例子

图表例子
折线图例子
柱状图例子
饼状图例子
混合图形例子 自定义扩展图表例子