1.在前面基础上搭建好vue环境，初始化webpack后，在终端使用npm i echarts -s 下载echart 2.下载完成后全局使用echart 在main.js文件中导入 Vue.prototype.$echarts = echarts 3.现在就可以全局使用echart ...

做echarts图表时有时需要用到markLine,但是数据是由接口传递来的，需要根据接口是否有这个来参数来确定是否需要渲染markLine。 如果是在同一个表上渲染不同的数据，而且上一个接口有markLine需要用到的参数别的接口没有markLine需要用到的参数，那么上一次渲染 ...

markLine 可以单独写在一个对象里，也可以接在其它数据下面，如果将 markLine 单独写在一个对象里，就必须加 type ，不然报错。 markLine 的 data 和其它 data 一样，也可以单独设置样式。 markLine 可以在 X 轴上，也可以在 Y 轴上 （竖向、横向 ...

在刚刚的开发中有个需求，需求是这样的：需要一条markLine标记线，标记线的顶端形状为实心箭头，且颜色和markLine标记线颜色不一致，这个箭头的方向会有一个接口返回的参数控制箭头在markLine标记线的首端还是末端， 如下图所示： 刚开始用的是echarts提供的默认配置 ...

注意两点安装的版本 安装好后可以参照echart的官网使用 1.实现package.json中安装这两个包 2.index.html中引入 3.在appModule中添加 然后再html中就可以这么使用了 ts中就可以这么使用了 ...

在vue中使用echart时，当图形类型为折线图时，很多时候会使用标线markline，开始的时候，数据都是从后台取出的，但是，有一天发现后台返回的数据不规范，没有数据，没有字段，那么我们需要判断下取值，当你series中data数组的元素为字符串的时候，标线取值可以是数组下标，也可以是数组中对应 ...

Echart是一款图表插件，功能强大，使用简单。Echart官网：https://echarts.baidu.com/examples/#chart-type-line 本文介绍我使用过的折线图以及饼图。 1.折线图： 图表上可以浮动数据： 先贴上官网代码 ...

在 v-charts 第一次亲密接触 中记录了很多v-charts的用法。 近期老板给了个需求，在图表中列出 S、A、B、C三个绩效层级的阈值。经过调研，markline可以实现。v-charts中markline的具体用法如下： 1.图表组件，直接绑定 2.数据、样式设置 ...