echarts tooltip渐变色
时间: 2023-11-09 19:00:46 浏览: 239
echarts 柱状图渐变色背景
5星 · 资源好评率100%
可以通过设置 tooltip 的 formatter 属性来实现 tooltip 的渐变色效果。具体实现方式如下:
```javascript
tooltip: {
formatter: function(params) {
var color = new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#FFB64D'},
{offset: 1, color: '#FFCB7D'}
]
);
return '<div style="background-color:' + color + ';padding:5px;">' + params.value + '</div>';
}
}
```
其中,LinearGradient 的四个参数分别表示渐变色的起点坐标和终点坐标,后面的数组表示渐变色的颜色值和位置。
阅读全文