全局echarts对象常用方法
| init | 初始化、创建实例、使用主题 let mCharts = echarts.init(document.querySelector('#main'),'dark') |
| registerTheme | 定义、注册主题 echarts.registerTheme('newTheme',data) |
| registerMap | 定义、注册地图 echarts.registerMap('henanMap',data) |
| connect | 联动多个图表 传入实例对象 支持数组 刷新 重置 提示框联动 数据选择范围 echarts.connect([mCharts,mapCharts2]) |
实例（instance）对象常用方法
| setOption | 添加设置生成表格 多次设置是整合关系 不是替换 instance.setOption(options) |
| resize | 监听尺寸 重新绘制图标 window.addEventListener('resize',function () {
instance.resize()
}) |
| on/off | 添加/移除 事件 instance.on('click',function (arg) {
console.log(arg)
}) instance.off('click') |
| dispatchAction | 代码模拟用户操作事件 instance.dispatchAction({
type:'showTip', //事件类型
seriesIndex:0, // 图表索引
dataIndex:1 // 图表中哪一项高亮
})
|
| clear | 暂时清除实例 instance.clear() |
| dispose | 彻底销毁实例 instance.dispose() |
Option 配置项的方法总结
| title | 图表的标题名 可配置大小 位置 颜色 描边 阴影.... |
| grid | 网格系统、直角坐标系通用 可配置整个坐标系的 大小 和偏移量 |
| xAxis / yAxis | x轴和y轴 类型选择 一般是 类目轴(要写上 data配置具体的类目) 数值轴(下面系列会自动对应)平分 |
| legend | 图表上 显示可选的按钮 用来显示/隐藏 某些类目 |
| series | 系列列表数组 决定每一组数据的 类型 标题 格式 点击提示 最大值 最小值 平均值 ..... 根据type 还可设置专属的 属性 如 折线图的堆叠图 饼图的 玫瑰图(南丁格尔图) 散点图的涟漪 动画 不同书籍展示不同的样式 仪表盘的刻度 |
| tooltip | 提示框组件 决定触发方式及显示样式和内容 |
| toolbox | 工具栏。内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。 |
| label | 显示每一项的数值 可设置 显示位置 倾斜角度 |
| dataZoom | 可设定 控制缩放的滑块 显示 隐藏 展示范围 根据这个可以使图表具有流动效果 |
| geo | type map 当地图注册完毕后 在此使用 设置 中线点 可缩放 展示标签 地图的显示颜色... |
| visualMap | 出现地图的滑块 用来筛选 基于地图的数据 |
| radar | 雷达图配置 指定每一项的最大值 还能设置 外形轮廓 |
animationEasing |
动画效果 |