Improve chart

This commit is contained in:
syuilo 2018-08-24 07:17:17 +09:00
parent 6e179e7cde
commit 3f7d248684
3 changed files with 29 additions and 21 deletions

View File

@ -946,22 +946,22 @@ desktop/views/pages/admin/admin.chart.vue:
notes: "投稿" notes: "投稿"
users: "ユーザー" users: "ユーザー"
drive: "ドライブ" drive: "ドライブ"
local-notes: "ローカルの投稿" local-notes: "ローカルの投稿の増減"
remote-notes: "リモートの投稿" remote-notes: "リモートの投稿の増減"
local-notes-total: "ローカルの投稿 (累計)" local-notes-total: "ローカルの投稿の累計"
remote-notes-total: "リモートの投稿 (累計)" remote-notes-total: "リモートの投稿の累計"
local-users: "ローカルのユーザー" local-users: "ローカルのユーザーの増減"
remote-users: "リモートのユーザー" remote-users: "リモートのユーザーの増減"
local-users-total: "ローカルのユーザー (累計)" local-users-total: "ローカルのユーザーの累計"
remote-users-total: "リモートのユーザー (累計)" remote-users-total: "リモートのユーザーの累計"
local-drive: "ローカルのドライブ使用量" local-drive: "ローカルのドライブ使用量の増減"
remote-drive: "リモートのドライブ使用量" remote-drive: "リモートのドライブ使用量の増減"
local-drive-total: "ローカルのドライブ使用量 (累計)" local-drive-total: "ローカルのドライブ使用量の累計"
remote-drive-total: "リモートのドライブ使用量 (累計)" remote-drive-total: "リモートのドライブ使用量の累計"
local-drive-files: "ローカルのドライブのファイル数" local-drive-files: "ローカルのドライブのファイル数の増減"
remote-drive-files: "リモートのドライブのファイル数" remote-drive-files: "リモートのドライブのファイル数の増減"
local-drive-files-total: "ローカルのドライブのファイル数 (累計)" local-drive-files-total: "ローカルのドライブのファイル数の累計"
remote-drive-files-total: "リモートのドライブのファイル数 (累計)" remote-drive-files-total: "リモートのドライブのファイル数の累計"
desktop/views/pages/deck/deck.tl-column.vue: desktop/views/pages/deck/deck.tl-column.vue:
is-media-only: "メディア投稿のみ" is-media-only: "メディア投稿のみ"

View File

@ -23,7 +23,8 @@ export default Vue.extend({
methods: { methods: {
render() { render() {
this.renderChart(this.data, mergeOptions({ this.renderChart(this.data, mergeOptions({
responsive: false, responsive: true,
maintainAspectRatio: false,
scales: { scales: {
xAxes: [{ xAxes: [{
type: 'time', type: 'time',

View File

@ -30,7 +30,9 @@
<a @click="span = 'day'">%i18n:@per-day%</a> | <a @click="span = 'hour'">%i18n:@per-hour%</a> <a @click="span = 'day'">%i18n:@per-day%</a> | <a @click="span = 'hour'">%i18n:@per-hour%</a>
</div> </div>
</header> </header>
<x-chart v-if="chart" :data="data[0]" :opts="data[1]" :width="720" :height="300"/> <div>
<x-chart v-if="chart" :data="data[0]" :opts="data[1]"/>
</div>
</div> </div>
</template> </template>
@ -139,7 +141,7 @@ export default Vue.extend({
return [{ return [{
datasets: [{ datasets: [{
label: local ? 'Local Notes' : 'Remote Notes', label: local ? 'Local Notes' : 'Remote Notes',
fill: false, fill: true,
borderColor: '#f6584f', borderColor: '#f6584f',
borderWidth: 2, borderWidth: 2,
pointBackgroundColor: '#fff', pointBackgroundColor: '#fff',
@ -160,7 +162,7 @@ export default Vue.extend({
return [{ return [{
datasets: [{ datasets: [{
label: local ? 'Local Users' : 'Remote Users', label: local ? 'Local Users' : 'Remote Users',
fill: false, fill: true,
borderColor: '#f6584f', borderColor: '#f6584f',
borderWidth: 2, borderWidth: 2,
pointBackgroundColor: '#fff', pointBackgroundColor: '#fff',
@ -181,7 +183,7 @@ export default Vue.extend({
return [{ return [{
datasets: [{ datasets: [{
label: local ? 'Local Drive Usage' : 'Remote Drive Usage', label: local ? 'Local Drive Usage' : 'Remote Drive Usage',
fill: false, fill: true,
borderColor: '#f6584f', borderColor: '#f6584f',
borderWidth: 2, borderWidth: 2,
pointBackgroundColor: '#fff', pointBackgroundColor: '#fff',
@ -238,4 +240,9 @@ export default Vue.extend({
> *:last-child > *:last-child
margin-left auto margin-left auto
> div
> *
display block
height 300px
</style> </style>