UniqueSoft/swirl
3
0
Fork 0
mirror of https://github.com/cuigh/swirl synced 2024-12-30 15:53:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Optimize style of gauge chart

Browse Source
This commit is contained in:
cuigh 2018-06-28 16:48:52 +08:00
parent 67e76ef986
commit 79ebf6937f
4 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/swirl/js/swirl.js
View File

@ -1304,12 +1304,21 @@ var Swirl;
{
type: 'gauge',
radius: '100%',
center: ["50%", "58%"],
center: ["50%", "50%"],
max: d.value,
axisLine: {
show: false,
lineStyle: { width: 0, opacity: 0, shadowBlur: 0 },
},
axisLabel: { show: false },
axisTick: { show: false },
splitLine: { show: false },
pointer: { show: false },
detail: {
formatter: this.formatValue.bind(this),
offsetCenter: [0, 0],
fontSize: 64,
fontWeight: 'bold',
},
data: [{ value: d.value }]
}

2
assets/swirl/js/swirl.js.map
View File

File diff suppressed because one or more lines are too long

11
assets/swirl/ts/core/chart.ts
View File

@ -216,12 +216,21 @@ namespace Swirl.Core {
// name: d.name,
type: 'gauge',
radius: '100%',
center: ["50%", "58%"], // 仪表位置
center: ["50%", "50%"], // 仪表位置
max: d.value,
axisLine: {
show: false,
lineStyle: {width: 0, opacity: 0, shadowBlur: 0},
},
axisLabel: {show: false},
axisTick: {show: false},
splitLine: {show: false},
pointer: {show: false},
detail: {
formatter: this.formatValue.bind(this),
offsetCenter: [0, 0],
fontSize: 64,
fontWeight: 'bold',
},
data: [{value: d.value}]
}

6
views/service/detail.jet
View File

@ -42,9 +42,6 @@
<section class="section">
<div class="container">
<div class="buttons">
<button id="btn-delete" class="button is-danger">
<span class="icon"><i class="far fa-trash-alt"></i></span><span>{{ i18n("button.delete") }}</span>
</button>
{{ if .Service.Spec.Mode.Replicated }}
<button id="btn-scale" class="button is-dark">
<span class="icon"><i class="fas fa-adjust"></i></span><span>{{ i18n("button.scale") }}</span>
@ -56,6 +53,9 @@
<button id="btn-rollback" class="button is-dark">
<span class="icon"><i class="fas fa-reply"></i></span><span>{{ i18n("button.rollback") }}</span>
</button>
<button id="btn-delete" class="button is-danger">
<span class="icon"><i class="far fa-trash-alt"></i></span><span>{{ i18n("button.delete") }}</span>
</button>
</div>
<div class="message is-primary">
<div class="message-body">