本文带你在vue中封装echarts折线图，柱状图，饼图等各种组件，实现的思路就是通过props传递参数，使得组件动态渲染 首先说一下echarts的安装方式： 1. 通过cdn全局引入：在index.html中引入js代码（<script src="https://cdn.bootcdn.net/ ...
分类：
其他好文 时间：
2020-04-27 11:25:42
阅读次数：
80
说一个小bug，解决echarts的叠堆折线图数据出现坐标和值对不上的问题。 在echarts的叠堆折线图中，有这样的一个问题，从后端请求过来的数据是正确的，但是请求的y轴的值和y轴坐标对不上。 这个时候，查看了一下代码，因为是三条折线叠堆，打开代码看了一下属性 发现stack的值都是一样的，因此， ...
分类：
其他好文 时间：
2020-04-26 15:29:14
阅读次数：
67
步骤如下： 在series中添加markline属性， markLine : { symbol: ['none','arrow'], //['none']表示是一条横线；['arrow', 'none']表示线的左边是箭头，右边没右箭头；['none','arrow']表示线的左边没有箭头，右边有箭 ...
分类：
其他好文 时间：
2020-04-23 11:50:05
阅读次数：
209
option = { title: { text: '动态数据', subtext: '纯属虚构' }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#283b56' } } ...
分类：
其他好文 时间：
2020-04-22 16:41:20
阅读次数：
68
主题：本条博客主要围绕webpack提高构建效率，减少打包时间。 一、CDN引入 在项目中，平常会引入一些第三方依赖，类似于echarts、jquery。这样打包后的vendor.js非常大，可以将第三方库以cdn方式引入，也可以将资源下载到服务器引入。 1.webpack配置externals e ...
分类：
Web程序 时间：
2020-04-20 23:45:41
阅读次数：
141
option = { title: { text: 'iphone销量', subtext: '纯属虚构' }, tooltip: { trigger: 'axis', formatter: function (params, ticket, callback) { var htmlStr = '' ...
分类：
其他好文 时间：
2020-04-20 21:33:45
阅读次数：
64
这段时间在忙着写一个web端3D可视化编辑的项目(其实也只是有空闲并且心血来潮的时候才会去写的)和其他个人爱好相关的事情； so，看一下目前项目进度的相关截图： 其实就是将echarts的配置图形化，目前暂且写了4个组件。 然后，上个礼拜发现余额宝的收益已经跌破2%了，于是抱着玩玩的心态连夜找了一只 ...
分类：
其他好文 时间：
2020-04-19 23:43:50
阅读次数：
245
[toc] 图表工具 highcharts 和 echarts 以及 antv https://www.highcharts.com.cn/ https://www.echartsjs.com/zh/index.html http://antv.alipay.com/zh cn/index.html ...
分类：
其他好文 时间：
2020-04-19 22:33:08
阅读次数：
92
绘制折线图 之前在工作的时候,用过百度的ECharts绘制折线图,上手很简单,这里通过canvas绘制一个简单的折线图。这里将一整个绘制过程分为几个步骤: 1、 绘制网格 2、 绘制坐标系 3、 绘制点 4、 将前面三部分组合绘制一整个完整的折线图 。 一、绘制网格 运行结果 二、绘制坐标系 运行结 ...
分类：
其他好文 时间：
2020-04-19 22:07:35
阅读次数：
66
很火的echarts底层也是采用了这个; 1. 底层是canvas画图,比较快相对于svg, 写自己类图包含hover等操作注意分层 2. canvas画布各个浏览器支持大小有限; 3. 实现画布无限大, 采用了group概念, 所有元素绑定group, 鼠标滚动计算group的position位置 ...
分类：
其他好文 时间：
2020-04-17 15:55:33
阅读次数：
297
