![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
图表系列
echarts
foreverzwl
这个作者很懒,什么都没留下…
展开
-
ECharts(三):柱状图柱体颜色渐变(每个柱体不同渐变色)
前提: 会简单的绘制柱状图主要内容: 渐变的主要使用在https://efe.baidu.com/blog/echarts-3.2.0/中有介绍到:itemStyle: { normal: { // 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,右,下,左,上(0,0,0,1)表示从正上开始向下渐变 ...原创 2019-08-28 16:25:54 · 15862 阅读 · 3 评论 -
Echarts.js(二):多系列柱状图
多系列柱状图大部分与多系列折线图相似一、简单html布局简单的html如下:<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><title>多系列柱状图</title></head><st...原创 2019-07-30 10:40:11 · 5492 阅读 · 0 评论 -
ECharts(一):多系列折线图
echarts基本用法:一、引入echarts插件将下载好的echarts放置到自己项目的js文件夹中,在html中引入文件<script src="./js/jquery-3.1.1.js"></script><script src="./js/echarts.min.js"></script>简单的html如下:...原创 2019-07-16 23:10:42 · 2715 阅读 · 1 评论 -
ECharts(四):折线图曲线区域颜色渐变
设计图:目的:实现折线图曲线区域颜色渐变、修改坐标指示器线条宽度和颜色实现:直接介绍重点:曲线区域颜色渐变坐标指示器线条宽度和颜色最终代码:<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8">...原创 2019-08-30 09:50:53 · 11875 阅读 · 1 评论