自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 MaLiangWow马良屋

我们对世界的体验是多模态的——我们看到物体、听到声音、感觉到纹理、闻到气味、尝到味道。模态是指某件事情发生或经历的方式,一个研究问题如果包含多个模态,就被称为多模态。为了让人工智能在理解我们周围的世界方面取得进展,它需要能够一起解释这种多模态信号。多模式机器学习旨在建立能够处理和关联来自多种模式的信息的模型。这是一个日益重要和具有非凡潜力的充满活力的多学科领域。如同厨师、小说家和电影制作人必须比食客、读者或电影观众更深刻地理解食物、写作和电影,如果我们的计算机视觉系统要真正理解视觉世界,它们不仅必须能够

2022-02-24 14:37:38 126 1

原创 Echarts 源码解读 十三

2021SC@SDUSC单轴 SingleAxisSingleCreatorSingleCreator文件主要为创建单轴的逻辑代码,主要代码如下:function create(ecModel, api) { var singles = []; ecModel.eachComponent('singleAxis', function (axisModel, idx) { var single = new Single(axisModel, ecModel, api.

2021-12-26 20:16:54 504

原创 Echarts 源码解读 十二

2021SC@SDUSC平行坐标轴 ParallelAxisParallelAxisActionparallelAxisAction中注册了axisAreaSelected以及parallelAxisExpand API,主要代码如下:var actionInfo = { type: 'axisAreaSelect', event: 'axisAreaSelected' // update: 'updateVisual'};export function installP

2021-12-26 20:03:21 514

原创 Echarts 源码解读 十一

2021SC@SDUSC雷达坐标轴RadarViewRadarView通过extendComponentView方法扩展自Component View,重写了render、_buildAxes、_buildSplitLineAndArea,主要代码如下:RadarView.prototype.render = function (radarModel, ecModel, api) { var group = this.group; group.removeAll();.

2021-12-19 23:27:02 329

原创 Echarts 源码解读 十

2021SC@SDUSC直角坐标轴 Axis包括xAxis, yAxisCartesianAxisViewCartesianAxisView扩展自AxisView,重写了render,定义了splitLine以及splitArea方法,并扩展了xAxis yAxis View。主要代码如下:CartesianAxisView.prototype.render = function (axisModel, ecModel, api, payload) { this.group.r

2021-12-12 22:40:45 697

原创 Echarts 源码解读 九

2021SC@SDUSCAxisBuilderAxisBuilder中定义了axisLine、axisTickLabel以及axisName的渲染方法,主要代码如下:var builders = { axisLine: function (opt, axisModel, group, transformGroup) { var shown = axisModel.get(['axisLine', 'show']); if (shown === 'auto' &amp.

2021-12-05 19:57:41 938

原创 Echarts 源码解读 八

2021SC@SDUSCCartesianAxisPointer用extend扩展自BaseAxisPoointer,重写了makeEiOption、getHandleTransform以及updateHandleTransform方法,主要源码如下:import BaseAxisPointer from './BaseAxisPointer';CartesianAxisPointer.prototype.makeElOption = function (elOption, value,

2021-11-28 18:40:37 599 1

原创 Echarts 源码解读 七

2021SC@SDUSCAxisPointerAxisPointer为echarts中的坐标指示器,包括直角坐标以及极坐标等install.jsinstall.js文件中注册了axisPointer对外api,主要代码如下:registers.registerAction({ type: 'updateAxisPointer', event: 'updateAxisPointer', update: ':updateAxisPointer' }, axis.

2021-11-21 14:21:13 1213

原创 ECharts 源码解读 六

2021SC@SDUSCScroll legend.scroll 为可滚动的legend图例组件,主要包括ScrollableLegendAction、ScrollableLegendModel、ScrollableLegendView文件。ScrollableLegendAction中注册了legend对外API:legendScrollregisters.registerAction('legendScroll', 'legendscroll', function (payload, ec

2021-11-14 13:18:13 860 2

原创 ECharts 源码解读 五

2021SC@SDUSCComponent源码解读---接上篇plainlegend.plain为平面的legend图例组件,主要包含LegendAction、LegendModel和LegendView文件。import LegendModel from './LegendModel';import LegendView from './LegendView';import legendFilter from './legendFilter';import { installLe.

2021-11-07 22:25:54 542

原创 ECharts 源码解读 四

2021SC@SDUSCComponent源码解读主要介绍各component的渲染过程以及其使用的zrender graphicecharts对Component的定义呢,可以认为是除Series外的其他配置项。组件类型series 系列,legend 图例组件tooltip 提示框组件,toolbox 工具栏组件,xAxis 直角...

2021-10-31 22:43:30 574

原创 ECharts 源码解读 三

2021SC@SDUSCSetOption前面已经用init方法初始化过echarts,接下来只需配置option即可。setOption调用顺序为:echarts.setOption->GlobalModel.setOption(GlobalModel.js)->OptionManager.setOption(OptionManager.js)源码主要部分如下/** * @param {Object} option 配置项 * @param {boolean} n

2021-10-24 19:57:16 942

原创 ECharts 源码解读 二

2021SC@SDUSC源码结构和打包源码使用webpack打包,查看文件webpack.config.js可知,将echarts源码编译成三个版本,分别为常用版本,精简版本,完整版本,分别对应webpack入口文件为:index.common.js、index.simple.js、index.js。执行命令:npm install //安装所有依赖包webpack //打包web pack -p//打包成压缩包(.min.js)最后生成的文件在dist文件夹下源码结构ch

2021-10-17 11:19:44 747

原创 Echarts 源码解读 一:zrender源码分析1var zr = zrender.init(document.getElementById(‘main‘));

2021SC@SDUSC 因为Echarts是基于zrender进行实现的,所以解读echarts源码前,首先要对zrender有基本的了解。 zrender是canvas的一个类库,zrender是基于canvas实现的。目录zrender的src文件夹文件夹:animation动画相关contain包含判断core核心代码,包含一些工具(util.js)、事件(event.js)、唯一ID(guid.js)、矩阵运算有关(matrix.js)等dom...

2021-10-09 23:25:28 1308

原创 Echarts源码分析项目综述

Echarts简介 ECharts(Apache ECharts),一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 Echarts提供丰富的可视化类型,多种数据格式无需转换就可直接使用,拥有千万数据的前端展示、深度的交互式数据探索、多维数据的支持以及丰富的视...

2021-09-30 19:26:47 590

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除