sudacode/ghostfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Feature/upgrade chart.js to version 4.0.1 (#1503)

Browse Source 
* Upgrade chart.js to version 4.0.1 (including plugins)

* Migrate border attributes

* Update changelog
This commit is contained in:
Thomas Kaul
2022-12-10 16:47:09 +01:00
committed by GitHub
parent 285f2220f3
commit a51b210f79
6 changed files with 50 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.ts
View File

@@ -159,10 +159,12 @@ export class BenchmarkComparatorComponent implements OnChanges, OnDestroy {
responsive: true,
scales: {
x: {
border: {
color: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
width: 1
},
display: true,
grid: {
borderColor: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
borderWidth: 1,
color: `rgba(${getTextColor(this.colorScheme)}, 0.8)`,
display: false
},
@@ -173,12 +175,14 @@ export class BenchmarkComparatorComponent implements OnChanges, OnDestroy {
}
},
y: {
border: {
color: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
display: false
},
display: true,
grid: {
borderColor: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
color: `rgba(${getTextColor(this.colorScheme)}, 0.8)`,
display: false,
drawBorder: false
display: false
},
position: 'right',
ticks: {

14
apps/client/src/app/components/investment-chart/investment-chart.component.ts
View File

@@ -261,10 +261,12 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy {
responsive: true,
scales: {
x: {
border: {
color: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
width: this.groupBy ? 0 : 1
},
display: true,
grid: {
borderColor: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
borderWidth: this.groupBy ? 0 : 1,
color: `rgba(${getTextColor(this.colorScheme)}, 0.8)`,
display: false
},
@@ -279,12 +281,14 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy {
}
},
y: {
border: {
color: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
display: false
},
display: !this.isInPercent,
grid: {
borderColor: `rgba(${getTextColor(this.colorScheme)}, 0.1)`,
color: `rgba(${getTextColor(this.colorScheme)}, 0.8)`,
display: false,
drawBorder: false
display: false
},
position: 'right',
ticks: {