echarts前端项目构建

1.setOption

1.1 geo https://echarts.apache.org/zh/option.html#geo

  geo : {

           map:'china' //地图类型

              地图数据有两种格式：

（1）script标签引入js文件，引入后自动注册地图名字和数据。

       

（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描述了：数据、数据如何映射成图形、交互行为。

未完待续。。。。。