text: (window.webpackJsonp=window.webpackJsonp||[]).push([[8],{1046:function(t,n,s){"use strict";s.r(n);var a=function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"jl"},[n("router-link",{attrs:{to:{name:"userManage",params:{username:"jspang",id:"555"}}}},[this._v("跳转传值")]),n("h1",[this._v("学习g2")]),this._m(0)],1)};a._withStripped=!0;var i={data:function(){return{hhu:"我是qu"}}},e=(s(1075),s(268)),v=Object(e.a)(i,a,[function(){var t=this,n=t.$createElement,s=t._self._c||n;return s("div",{staticClass:"jb"},[s("h4",[t._v("G2 基础概念")]),s("div",{staticClass:"fflx"},[s("p",[s("b",[t._v("数据Data")])]),s("p",[s("b",[t._v("图形属性Attribute：")]),t._v("将数据中的变量映射至图形空间")]),s("p",[s("b",[t._v("几何标记Geometry:")]),t._v("图表中实际看到的图形元素，点线多边形等，"),s("span",{staticClass:"bl"},[t._v("每个几何标记对象含有多个图形属性")]),s("span",{staticClass:"rd"},[t._v("G2的核心就是建立数据中的一系列变量到图形属性的映射")])]),s("p",[s("b",[t._v("度量Scale：")]),t._v("\n\t\t\t数据空间到图形属性空间的转换桥梁，每个图形属性都对应着一个或多个度量\n\t\t")]),s("p",[s("b",[t._v("坐标系Coordinate：")]),t._v("\n\t\t数据如何映射到图形所在的平面，同一个几何标记在不同的坐标系下有不同的表现\n\t\tG2支持笛卡尔坐标系，极坐标，螺旋坐标等\n\t\t")]),s("p",[s("b",[t._v("可视化组件Component：")]),t._v("\n\t\t图表辅助元素，G2提供"),s("span",{staticClass:"rd"},[t._v("坐标轴Axis，图例Legend，提示信息Tooltip，图形标记Annotation，滑动条Slider等")])]),s("p",[s("b",[t._v("分面：")]),t._v("\n\t\t将数据分解为多个子集，以及如何对这些子集作图并联合进行展示，主要用于多维数据分析\n\t\t")])]),s("h4",[t._v("交互语法")]),s("p",[t._v("触发，反馈")]),s("h4",[t._v("View视图")]),s("p",[t._v("View拥有独立的数据源，并且能绘制多个图形的容器\n\t\t包含Geomentry，组件，交互，事件，"),s("span",{staticClass:"rd"},[t._v("\n\t\t\tChart继承于View，是直接暴露给开发者的便捷使用入口\n\t\t")]),t._v("Chart也是View。可通过Chart创建子View，子View创建\n\t\t子View，作为异构数据以及多维数据的可视化方案。\n\t\t")]),s("h4",[t._v("图表组成")]),s("div",{staticClass:"fflx"},[s("p",[s("b",[t._v("坐标轴Axis")]),t._v("\n\t\t\t每个图表通常包括两个坐标轴，笛卡尔坐标系"),s("span",{staticClass:"rd"},[t._v("X轴和Y轴")]),t._v("\n\t\t\t极坐标下"),s("span",{staticClass:"rd"},[t._v("为角度和半径")]),t._v("两个维度构成\n\t\t\t"),s("br"),t._v("\n\t\t\t每个坐标轴由"),s("span",{staticClass:"rd"},[t._v("坐标轴线line，刻度线tickLine，刻度文本label，标题title以及网格线gird")]),t._v("组成\n\t\t")]),s("p",[s("b",[t._v("图例Legend")]),t._v("\n\t\t\t图表的辅助元素，用于标定不同的数据类型以及数据范围\n\t\t\t帮助用户在图表中进行数据的筛选过滤。\n\t\t")]),s("p",[s("b",[t._v("几何标记 Geometry")]),t._v("\n\t\t点、线、面这些几何图形，不同的几何标记都包含对应的图形属性 Attribute。\n\t\t")]),s("p",[s("b",[t._v("提示信息 Tooltip")]),t._v("\n\t\t当鼠标悬停在某个点上时，会以提示框的形式显示当前点对应的数据的信息，比如该点的值，数据单位等。\n\t\t数据提示框内提示的信息还可以通过格式化函数动态指定。\n\t\t")]),s("p",[s("b",[t._v("图形标记 Annotation")]),t._v("\n\t\t当需要在图表上绘制一些辅助线、辅助框或者图片时，比如增加平均值线、最高值线或者标示明显的范围区域时，\n\t\t可以使用辅助标记 annotation。\n\t\t")])])])}],!1,null,"cc4411cc",null);v.options.__file="src/views/expl/qu.vue";n.default=v.exports},1061:function(t,n,s){},1075:function(t,n,s){"use strict";var a=s(1061);s.n(a).a}}]);