echarts.graphic.LinearGradient
时间: 2023-10-16 07:32:50 浏览: 136
echart 图表
`echarts.graphic.LinearGradient` 是 ECharts 中用于创建线性渐变的类。通过指定起始点和结束点的坐标,以及颜色和颜色的分布位置,可以生成一个线性渐变对象。可以用于填充图形或文本的背景色等场景。
具体用法如下:
```javascript
import { graphic } from 'echarts';
const linearGradient = new graphic.LinearGradient(
x1, // 起点 x 坐标
y1, // 起点 y 坐标
x2, // 终点 x 坐标
y2, // 终点 y 坐标
[
{ offset: 0, color: 'red' }, // 渐变起点的颜色和位置
{ offset: 0.5, color: 'yellow' }, // 渐变中间点的颜色和位置
{ offset: 1, color: 'blue' }, // 渐变终点的颜色和位置
]
);
```
其中 `x1`、`y1`、`x2`、`y2` 分别表示起始点和结束点的坐标。颜色分布可以通过一个数组来指定,每个元素包含 `offset` 和 `color` 两个属性。`offset` 表示颜色在渐变中的分布位置,取值范围为 0 到 1。`color` 表示该位置的颜色。在上面的例子中,我们指定了三个颜色点,分别在起点、中间点和终点,形成了一个从红色到黄色再到蓝色的线性渐变。
阅读全文