近来趁着空闲时间了解了一下 ECharts。也顺带记录一番。 首先要从下载ECharts库，这个从官网可以直接下载。 引入ECharts.JS <head> <meta charset="utf-8"> <title>ECharts</title> <script src="~/lib/jquery ...
分类：
其他好文 时间：
2020-02-27 15:57:55
阅读次数：
57
A var myChart = echarts.init($("#cc_div").get(0)); // 指定图表的配置项和数据 option = { tooltip : { formatter: "{a} <br/>{b} : {c}%" }, series: [ { type : "gauge ...
分类：
其他好文 时间：
2020-02-27 01:17:54
阅读次数：
119
先列举一些常用的属性： legend： { //图例，这里基本都是默认设置，就不一一列举，echarts 官网很好找 type: "plain", //'plain'：普通图例。缺省就是普通图例。'scroll'：可滚动翻页的图例。当图例数量较多时可以使用。 show: true, //是否显示（隐 ...
分类：
其他好文 时间：
2020-02-26 18:59:44
阅读次数：
252
问题复现与原因解释： div标签上用了v-if：level 2，level初始值是-1，只有在mounted中执行完某函数后给level赋值后，level的值才可能为真；而对图表的渲染就在赋值语句的下一行，echarts很可能找不到dom节点。因为在条件为假时，v-if不会渲染条件块，只有当条件为真 ...
分类：
其他好文 时间：
2020-02-24 20:41:47
阅读次数：
62
前端代码： 1 <script src="${ctx}/static/plugin/echarts/echarts-v4.2.0/echarts.common.min.js"></script> 2 <div id="main" style="width: 600px;height:400px;"> ...
分类：
其他好文 时间：
2020-02-24 09:49:39
阅读次数：
144
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 第一步 ...
分类：
Web程序 时间：
2020-02-20 21:50:51
阅读次数：
332
我的代码自我感觉 注释一向十分详细，就不用过多解释都是什么了~~ 因为最近疫情期间在家实在是没事干，想找点事，就练手了个小demo 首先上 NuxtJs版本代码，这里面 export default { mode: 'universal', /* ** Headers of the page */ ...
分类：
Web程序 时间：
2020-02-20 10:29:11
阅读次数：
248
pyecharts 是一个用于生成 Echarts 图表的Python库。Echarts是百度开源的一个数据可视化 JS 库，可以生成一些非常酷炫的图表。 ...
分类：
编程语言 时间：
2020-02-19 12:51:28
阅读次数：
215
先上图，要不感觉没有说服力： 飞线图应该是大屏中很常见的一种了，通常你可以很轻易的用datav做一个飞线图，而且datav做的大屏逼格真的很高，本身也是开源免费的项目，开箱即用，上手简单……行了回归正题，我们使用echarts自己配置一个飞线图。当然echarts配置起来也不复杂，只要查看下面对应几 ...
分类：
其他好文 时间：
2020-02-18 16:42:47
阅读次数：
1470
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 ECh ...
分类：
其他好文 时间：
2020-02-18 12:53:05
阅读次数：
83
