qq_57907966的博客

【代码】echarts之词云图。

echarts-liquidfill@3 版本匹配 echarts@5 版本，echarts-liquidfill@2 版本匹配 echarts@4 版本。

EChartrs已经内置好了加载数据的动画，我们只需要在合适的时机显示或隐藏即可显示加载动画隐藏加载动画例子：将数放到json文件中通过jQuery调用获取数据并且设置网络为slow3G出现加载动画。

1、在主题编辑器中编辑主题主题编辑器 - Apache ECharts2、下载主题，是一个js文件3、引入主题js文件4、在init方法中使用主题">// 3、初始化echats实例对象//4、准备配置项xAxis:{data:['张三','李四','王五'],},yAxis:{},series:[{ name:'语文',,{name:'数学',}]

直角坐标系图表：柱状图 折线图 散点图。

1、引入Echart最基本的代码结构2、准备数据，设置给series下的data3、在series下设置type:gauge。

特点：地图主要可以帮助我们从宏观的角度快速看出不同地理位置上数据的差异。

1、设置各个维度的最大值2、准备具体产品的数据3、将type设置为radar。

t特点：饼图可以很好的帮助用户快速了解不同分类的数据的占比情况。

散点图可以帮助我们推断出变量值点的相关性比如身高和体重的关系代码实现。

特点：折线图常用来分析数据随时间的变化趋势。

内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。tooltip：提示框组件，用于配置鼠标滑过或点击图表时的显示框。legend：图例，用于筛选系列，需要配合series使用。formatter:也支持函数。显示工具栏按钮：feature。触发时机：triggerOn。是ECharts提供的工具栏。当series有两个对象时。触发类型：trigger。

/5、将配置项设置给echarts实例对象。markPoint：用来标记最大值，最小值。只需交换xAxis和yAxis中的内容即可。5、将配置项设置给echarts实例对象。将echarts.js放到lib目录下。// 3、初始化echarts实例对象。MarkLine：用来展示平均值的线。1、引入echarts.js文件。3、初始化echarts实例对象。2、准备一个呈现图表的盒子。最大值，最小值，平均值。在series中设置。