new echarts.graphic.lineargrad
时间: 2023-10-21 09:10:38 浏览: 190
NView.GraphicView:可以使用 NGraphics 为 NView 显示图形的跨平台视图
`echarts.graphic.lineargrad` 是 ECharts 中用于创建线性渐变填充的图形元素。具体来说,它是一个构造函数,用于创建一个线性渐变对象,可以设置渐变的起点、终点、渐变色等属性。
使用示例:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
var shape = new echarts.graphic.Rect({
shape: {
x: 0,
y: 0,
width: 100,
height: 100
},
style: {
fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'red'
}, {
offset: 1,
color: 'blue'
}]),
stroke: 'black'
}
});
myChart.setOption({
graphic: [shape]
});
```
以上示例代码中,创建了一个矩形图形元素,并设置了它的填充为线性渐变。其中,`shape` 属性用于设置矩形的位置和大小,`style` 属性用于设置矩形的样式,包括填充色和描边色。`fill` 属性的值为 `echarts.graphic.LinearGradient` 的实例,表示要使用线性渐变填充,其中参数依次表示渐变的起点横坐标、起点纵坐标、终点横坐标、终点纵坐标,以及渐变色数组,数组中每个元素表示一个渐变色,包括它的位置和颜色值。
阅读全文