1.setOption
1.1 geo https://echarts.apache.org/zh/option.html#geo
geo : {
map:'china' //地图类型
地图数据有两种格式:
(1)script标签引入js文件,引入后自动注册地图名字和数据。
<script src="js/china.js"></script>
(2)JSON文件,需要通过AJAX异步加载后手动注册。
emphasis: 高亮状态下的多边形和标签样式
}
1.2 tooltip : {
formatter :
}
2.echarts基础概念
(1)series系列
定义:一组数值以及他们映射成的图。一个系列包含的要素至少有:一组数值、图标类型(series.type)、以及其他的关于这些数据如何映射成图的参数。
图标类型介绍type:line/bar/pie/scatter/graph/tree/effectScatter/lines
(1.1)type:effectScatter:带有涟漪特效动画的散点图。
effectScatter参数介绍
zlevel:用于Canvas分层,不同zlevel的值的图形会放在不同的Canvas中,zlevel大的会放到zlevel小的上面。
lable:图形上的文本标签,用于描述图形的一些数据信息
symbol:标记的图形
(1.2)type: lines:路径图,带有起点和终点信息的线数据的绘制,主要用于地图上的航线,路径的可视化。
lines参数介绍
effect:线特效的配置;
(2)component组件
(2.1)定义: 在option中声明各个组件(包括系列),各个组件就出现在图中。
在echarts中至少有这些组件:
(2.1.1)各种坐标系(xAxis(直角坐标系 X 轴)、yAxis(直角坐标系 Y 轴)、grid(直角坐标系底板)、angleAxis(极坐标系角度轴)、radiusAxis(极坐标系半径轴)、polar(极坐标系底板)、geo(地理坐标系))、
(2.1.2)visualMap(视觉映射组件)、
(2.1.3)tooltip(提示框组件)、
triggerOn:'click' 提示框触发的条件:点击触发
formatter:提示框浮层内容格式器;支持字符串模版和回调函数两种形式。
(2.1.4)toolbox(工具栏组件)、
(2.1.5)series(系列)【系列(series)也是一种组件,可以理解为:系列是专门绘制“图”的组件。】
(3)option描述图表
定义:使用option来描述其对图表的各种需求,包括:有什么数据、画什么图表、图表什么样子、有什么组件、组件能操作什么事情等。
总之,option描述了:数据、数据如何映射成图形、交互行为。
未完待续。。。。。