SmartTable v3.6

聪明的表格，基于一套数据源使用Ajax获取数据，并展现成表格与图像的形式，并且支持下载（思路源于talkingdata）

开源引入：Bootstrap 3.0，Bootstrap respond (IE解决方案)，Jquery 11.02，dataTables，echarts，table2CSV

• 右上角为切换图形表格选项
• 图片显示中，左下角为切换事件，右下角为切换图形显示
• 表格现实中，右下角为下载表格数据

• 参2:column 表头(事件)

• 参3:title SmartTable名称

• 参3:pdim 默认维度

  • time 时间纬度 ： 时间为横轴，每一条线为一个事件
  • event 事件纬度 ： 事件为横轴，每一条线为一个时间
  • total_time 统计(时间)纬度 ： 时间为横轴，展示各事件数值的一个加和与平均
  • total_event 统计(事件)纬度 ： 事件为横轴，展示各时间数值的一个加和与平均

• 参4:front 默认显示在前面

  • all 全部显示
  • table 表格
  • graph 图形

• 辅参1:graph 图形的辅助参数

  • ptype 图片类型(单图片支持多类型展示，采用;分割，且支持两个坐标系，追加:1，例如 “line;bar:1”)
    • line 线图
    • bar 柱状图
    • area 区域图
  • markPoint 图形中的点标注
    • 具体参考：http://echarts.baidu.com/doc/doc.html#SeriesMarkPoint
  • markLine 图形中的线标注
    • 具体参考：http://echarts.baidu.com/doc/doc.html#SeriesMarkLine
  • zoom 数据拖拽条
    -start 开始百分比
    -end 结束报粉笔

• 辅参2:table 表格的辅助参数

  • scrolly y轴长度
  • page 分页数
  • scrollx 横轴拖拽条

注意：测试代码时请放入IIS或Apache下，然后使用URL路径访问，不要直接打开index.html

• 参1:src 数据源地址：多个SmartTable数据源以;隔开
• 参2:ptitle 各列的名称：与数据源位置一一对应
• 参2:title 表格的名称