全局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可设定 控制缩放的滑块  显示 隐藏 展示范围 根据这个可以使图表具有流动效果geotype map 当地图注册完毕后 在此使用 设置 中线点 可缩放 展示标签 地图的显示颜色...visualMap出现地图的滑块 用来筛选 基于地图的数据radar雷达图配置 指定每一项的最大值 还能设置 外形轮廓 animationEasing

动画效果

相关阅读

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。

大家都在找:

echarts:echarts柱状图X轴文本换行

前端:前端开发是做什么的

javascript:javascript下载