咨询电话:
15628812133
19
2023/06

Echarts中的渐变色--areaStyle

发布时间:2023-06-19 08:56:24
发布者:虎式水箱
浏览量:
0

Echarts图表中的渐变色主要用于颜色过渡,使图表的颜色变化没有那么突兀,以下分为两篇,分别介绍两个关于渐变色的重要属性,这里介绍第二个---areaStyle

axisPointer是series中的属性,他控制折线图中包含数据的颜色,当有很多条不同的折线的时候便于区分,这里以线性渐变的折线图为例。

x,y,x2,y2,代表包围框中的百分比,数值范围 0-1;

当我把其中的所有数据都变成0,颜色就因为没有位置控制而消失。请看例子

屏幕截图(65).png

ColorStops:这个数组代表着梯度颜色的变化,offset控制着更加细致的颜色变化,他的值是0-1,color就是变化的颜色,支持16进制和英文输入,以下是图例,与上一篇文章一样,他们都是线性渐变,参数也相同,可以仿照前一篇文章的例子来进行改动。

下面是改变areaStyle的例子


返回列表