| | |
|---|
| | | } |
|---|
| | | #footer { |
|---|
| | | width: 100%; |
|---|
| | | height: 55%; |
|---|
| | | height: 70%; |
|---|
| | | overflow: visible; /* 确保设备图上移后不被自身容器裁剪 */ |
|---|
| | | |
|---|
| | | } |
|---|
| | | #main1 { |
|---|
| | | width: 15%; |
|---|
| | | margin-left:1%; |
|---|
| | | width: 14%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | #main2 { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 4. 复用val配置，统一样式（和水耗表保持一致） |
|---|
| | | this.val.yAxis[0].name = "电耗"; // 仅修改名称为“电耗” |
|---|
| | | this.val.yAxis[0] = { |
|---|
| | | ...this.val.yAxis[0], |
|---|
| | | name: "电耗", |
|---|
| | | show: true, |
|---|
| | | nameShow: true, |
|---|
| | | nameWidth: 80, |
|---|
| | | nameLocation: "end", // 保持在端 |
|---|
| | | nameGap: 20, |
|---|
| | | nameTextStyle: { |
|---|
| | | fontSize: 14, |
|---|
| | | color: "#333", |
|---|
| | | align: "center", |
|---|
| | | verticalAlign: "middle" |
|---|
| | | }, |
|---|
| | | padding: [0, 20, 0, 0], |
|---|
| | | axisLine: { |
|---|
| | | lineStyle: { |
|---|
| | | width: 0 |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | this.val.series[0].name = '电耗(kw.h)'; // 电耗单位 |
|---|
| | | this.val.title.text = "总耗电(kw.h)"; // 标题 |
|---|
| | | this.val.series[0].itemStyle.color = '#5470c6'; // 电耗表颜色（可自定义，与水耗区分） |
|---|
