做项目时的一个需求：根据数值大小使用颜色渐变的方块表示，效果是很多小方块排成一排，根据数值大小m，取a颜色（对应数值min）到b颜色（对应数值max）的渐变色中相对应的颜色，类似做成图例的样子 echarts官网上有类似的一个例子，是使用visualMap视觉映射组件。通常visualMap都是映射 ...
分类：
其他好文 时间：
2018-02-26 23:29:19
阅读次数：
341
1.vue 2.jq <script src="<php>mc_autoVer('__SHOPS__/Js/echarts.min.js')</php>"></script> <div class="pie-simple" id="pie-simple" style="position: relat ...
分类：
其他好文 时间：
2018-02-26 13:35:09
阅读次数：
213
step1:添加插件echart; package.json文件中会在dependencies中添加echarts，如下图： step2:运行cmd,创建echart-pie组件； 如下图： 生成对应文件： echart-pie.html文件: echart-pie.scss文件： echart-p ...
分类：
其他好文 时间：
2018-02-24 13:03:59
阅读次数：
1979
在前面的例子中，我们使用了grid-直角坐标系网格,在 ECharts 3 中可以存在任意个 grid 组件。如下例我们构建两个网格的图表 其中grid的x,y和x2,y2定义请参照上右图. 本例中为防止图表覆盖标题，所以调整了grid的宽度和高度,line和bar可以这么做，但是如果是pie(饼图 ...
分类：
其他好文 时间：
2018-02-21 16:36:31
阅读次数：
1828
首先下载eCharts源代码,然后可以按照官网的5分钟上手ECharts教程做一个简单的例子,这里为了将前端显示和后端逻辑分开，可以建一个index.html和一个绘制图表的chartTest.js,代码如下: js代码如下： 通过上面的代码就可以绘制出下面这样的一个简单的图表 其中xAxis和yA ...
分类：
其他好文 时间：
2018-02-20 23:56:27
阅读次数：
299
主要过了一遍ECharts的教程，顺带写了个Demo 数据都是假的 ...
分类：
其他好文 时间：
2018-02-19 23:48:44
阅读次数：
1598
1.将Echarts的数据格式放在data return中； 2.自定义按钮绑定一个单击事件； 3.将该图标的格式传入单击事件函数中； ...
分类：
其他好文 时间：
2018-02-12 16:51:23
阅读次数：
305
1.安装 2.引入 1. 全局引入 main.js中 2. 按需引入 全局引入会将所有的echarts图表打包，导致体积过大，最好还是按需引入 3. 使用 1. 画一个饼图 html js 2. 画一个中国地图数据 html js 这里地图数据原始数据是自己引入的，官方文档提示，ECharts 中提 ...
分类：
其他好文 时间：
2018-02-09 20:25:52
阅读次数：
1247
在ECharts中主要通过 on 方法添加事件处理函数，ECharts中的事件主要分为两种，1）鼠标事件，在鼠标click or hove 时触发鼠标事件； 2）另外一种是在ECharts在做图形交互时触发的事件，即调用dispatchAction 后触发的事件。 鼠标事件：'click'，'dbl ...
分类：
其他好文 时间：
2018-02-08 13:37:27
阅读次数：
3079
