new echarts.graphic.lineargrad
时间: 2023-10-21 20:10:48 浏览: 72
`new echarts.graphic.lineargrad` 是 ECharts 中用于创建线性渐变对象的方法。线性渐变是一种图像渐变效果,可以通过指定起始点和结束点的颜色值和位置,创建从一个颜色到另一个颜色的过渡效果。
使用 `new echarts.graphic.lineargrad(x, y, x2, y2, colorStops, globalCoord)` 方法可以创建一个线性渐变对象,其中:
- `x`:起始点 x 坐标。
- `y`:起始点 y 坐标。
- `x2`:结束点 x 坐标。
- `y2`:结束点 y 坐标。
- `colorStops`:一个数组,表示渐变过程中的颜色和位置。每个元素都是一个对象,包含 `offset` 和 `color` 属性。`offset` 表示颜色所处的位置,取值范围为 0-1,表示从起点到终点的距离比例。`color` 表示该位置的颜色值。
- `globalCoord`:可选参数,表示是否使用全局坐标系,默认为 `false`。
示例代码:
```javascript
var colorStops = [{
offset: 0,
color: 'red'
}, {
offset: 1,
color: 'blue'
}];
var linearGradient = new echarts.graphic.LinearGradient(0, 0, 0, 1, colorStops);
```
以上代码创建了一个从红色到蓝色的线性渐变对象,起始点为 (0,0),结束点为 (0,1)。
阅读全文