xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix:修改页面路由 修改echats图 滑块样式

Browse Source
This commit is contained in:
zhaohy
2024-08-14 09:55:56 +08:00
parent 1f0eca56ae
commit 2e1b1b8249
9 changed files with 115 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue
View File

@@ -210,13 +210,45 @@
},
},
],
//滑块样式
dataZoom: [
{
height: 12,
type: 'inside',
start: 0,
end: 100,
handleSize: '300%', // 设置滑块的大小
bottom: 15,
},
{
type: 'slider',
// backgroundColor: 'yellow',
// fillerColor: 'yellow',
height: 12, // 设置slider的高度为15
start: 0,
end: 100,
right: 60,
left: 60,
bottom: 10,
handleIcon:
'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
handleSize: '140%', // 放大按钮
borderColor: 'none',
handleStyle: {
// color: 'red',
// shadowBlur: 6,
// shadowColor: 'yellow',
shadowOffsetX: 0, // 阴影偏移x轴多少
shadowOffsetY: 0, // 阴影偏移y轴多少
},
// 显示的label的格式化器
// 20050101 变为 2005\n0101
// labelFormatter: function (index, value) {
// const year = value.slice(0, 4);
// const date = value.slice(4);
// return year + '\n' + date;
// },
// textStyle: {
// fontStyle: 'italic', // 设置字体倾斜
// },
showDataShadow: false, // 隐藏数据阴影
},
],
series: [

38
hx-ai-intelligent/src/view/alarmManagement/gatewayAlarm/look.vue
View File

@@ -197,13 +197,45 @@
interval: 1, // 设置 Y 轴刻度间隔为 1
},
],
//滑块样式
dataZoom: [
{
height: 12,
type: 'inside',
start: 0,
end: 100,
handleSize: '300%', // 设置滑块的大小
bottom: 15,
},
{
type: 'slider',
// backgroundColor: 'yellow',
// fillerColor: 'yellow',
height: 12, // 设置slider的高度为15
start: 0,
end: 100,
right: 60,
left: 60,
bottom: 10,
handleIcon:
'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
handleSize: '140%', // 放大按钮
borderColor: 'none',
handleStyle: {
// color: 'red',
// shadowBlur: 6,
// shadowColor: 'yellow',
shadowOffsetX: 0, // 阴影偏移x轴多少
shadowOffsetY: 0, // 阴影偏移y轴多少
},
// 显示的label的格式化器
// 20050101 变为 2005\n0101
// labelFormatter: function (index, value) {
// const year = value.slice(0, 4);
// const date = value.slice(4);
// return year + '\n' + date;
// },
// textStyle: {
// fontStyle: 'italic', // 设置字体倾斜
// },
showDataShadow: false, // 隐藏数据阴影
},
],
series: [