fix:修改滑块颜色

This commit is contained in:
zhaohy
2024-08-20 16:34:31 +08:00
parent e292a4178b
commit def744926f

View File

@@ -190,28 +190,17 @@
type: 'shadow',
},
formatter: function (params: any) {
let res =
params[0].axisValue +
'<br/>' +
params[0].marker +
' ' +
params[0].seriesName +
' : ' +
params[0].data +
'<br/>' +
params[1].marker +
' ' +
params[1].seriesName +
' : ' +
params[1].data +
'<br/>' +
params[2].marker +
' ' +
params[2].seriesName +
' : ' +
params[2].data +
'<br/>';
console.log(params, '错误');
if (params.length > 0) {
let res = params[0].axisValue + '<br/>';
params.forEach((item: any) => {
if (item.seriesName !== '总数') {
res = res + item.marker + ' ' + item.seriesName + ' : ' + item.data + '<br/>';
}
});
return res;
}
return '';
},
},
grid: {
@@ -284,15 +273,26 @@
],
//滑块样式
dataZoom: [
{
type: 'inside',
start: 0,
end: 100,
},
{
type: 'slider',
// backgroundColor: 'yellow',
// fillerColor: 'yellow',
fillerColor: new echarts.graphic.LinearGradient(
0,
0,
1,
0,
[
{
offset: 0,
color: 'rgba(97, 134, 255, 1)',
},
{
offset: 1,
color: 'rgba(36, 186, 255, 1)',
},
],
false,
),
height: 12, // 设置slider的高度为15
start: 0,
end: 100,
@@ -304,9 +304,41 @@
handleSize: '140%', // 放大按钮
// borderColor: 'none',
handleStyle: {
// color: 'red',
// shadowBlur: 6,
// shadowColor: 'yellow',
color: new echarts.graphic.LinearGradient(
0,
0,
1,
0,
[
{
offset: 0,
color: 'rgba(97, 134, 255, 1)',
},
{
offset: 1,
color: 'rgba(36, 186, 255, 1)',
},
],
false,
),
borderWidth: 4,
borderColor: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: 'rgba(255, 255, 255, 1)',
},
{
offset: 1,
color: 'rgba(204, 238, 255, 1)',
},
],
false,
),
shadowOffsetX: 0, // 阴影偏移x轴多少
shadowOffsetY: 0, // 阴影偏移y轴多少
},