html交互api,交互API.html

Document

/*

概念

1.全局echarts对象

是引入echarts.js文件之后就可以直接使用的

(init方法, registerTheme, registerMap, connect)

init--

初始化ECharts实例对象

使用主题

registerTheme方法--

注册主题

只有注册过的主题，才能在init方法中使用该主题

registerMap--

首先注册地图数据

才能在geo组件使用地图数据

connect方法

一个页面可以有多个独立的图表

每一个图表对应一个ECharts实例对象

connect可以实现多图关联，传入联动目标为Echarts实例对象，支持数组

2.echartsInstance对象

是通过echarts.init方法调用之后得到的

setOption方法--

设置或修改图标实例的配置以及数据

多次调用setOption方法

合并新的配置和旧的配置

增量动画

resize方法---

重新计算和绘制图表

一般和window对象的resize事件结合使用

window.onresize = function(){

muChart.resize();

}

on/off方法--

绑定或者解绑事件处理函数

鼠标事件--

常见事件:click,dblclick,mousedown,mousemove,mouseup

echart.on('click',function(arg){

console.log(arg)

}) // 对事件进行监听

echart.off('click') // 解绑事件

ECharts事件

dispatchAction方法--

触发某些行为

使用代码模拟用户的行为

mCharts.dispatchAction({

type: 'highlight', // 事件类型

seriesIndex: 0, // 图表索引

dataIndex: 1 // 图表中哪一项高亮

})

clear--

清空图表实例

dispose--

销毁实例

*/

var Echarts1 = echarts.init();

var Echarts2 = echarts.init();

// 将图表一和图表二关联起来(将柱状图和地图关联起来)

echarts.connect([Echarts1,Echarts2])

// 应用场景

// 保存图片的自动拼接-刷新按钮-重置按钮-提示框联动-图例选择-数据范围修改等。。

// 例如保存图片，工具属性中的保存图片功能-(tooltip)

一键复制

编辑

Web IDE

原始数据

按行查看

历史