![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
EChart
前端菜鸟来报道
菜鸟一只,求大神带带我!
展开
-
Echarts-折线图-设置线条颜色以及线条以下区域显示渐变颜色
首先,先看折线图效果。1.设置线条颜色: 在series中,数组项设置lineStyle属性。 lineStyle: { // 设置线条的style等 normal: { color: 'red', // 折线线条颜色:红色 }, },2.设置线条上点的颜色(也是图例的颜色)在series中,使用itemStyle属性。 ...原创 2021-09-10 10:33:50 · 23362 阅读 · 4 评论 -
EChart 学习笔记三:饼图以及环形图
饼图不像是柱状图,饼图不需要X、Y轴的数据,这个只是一维数据。直接上效果图: 具体代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>饼图以及环形图示例</title> <!-- 引入 echarts.js --> &l...原创 2020-06-08 21:00:39 · 720 阅读 · 0 评论 -
EChart 学习笔记二:EChart 相关语法以及属性
常用属性在代码中可见。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!--步骤一: 引入 echarts.js 文件--> <script src="../EChart/echarts.js"></script></head>原创 2020-06-08 20:15:55 · 534 阅读 · 0 评论 -
EChart 学习笔记一:EChart在html中的使用方式。
做项目的时候有用到,现在做一些笔记来记录,以免长时间没使用便给忘记。本人前端新手,如果其中内容有误,还请多指教,感激不尽!EChart 在HTML中有两种使用方式,一种是使用<script>标签引入,一种是使用CDN(内容分发网络)方法,还有一种是npm安装方法一使用<script>标签引入 使用<script>标签引入前需要下载echarts.min.js 文件,并包含在项目中。如果没有echarts.min.js文件,可以通过以下链接,可以去定...原创 2020-06-08 18:52:28 · 4277 阅读 · 0 评论