accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-10 07:40:55 +00:00
Code Issues Releases Activity

fix: charts scaling issues

Browse Source
This commit is contained in:
18alantom 2022-03-01 12:19:09 +05:30 committed by Alan
parent 52c5e03e31
commit fc7130e776
2 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Charts/BarChart.vue
View File

@ -133,8 +133,8 @@
</div>
</template>
<script>
import { prefixFormat } from './chartUtils';
import Tooltip from '../Tooltip.vue';
import { prefixFormat } from './chartUtils';
export default {
props: {
@ -172,9 +172,6 @@ export default {
drawZeroLine: { type: Boolean, default: true },
},
computed: {
inverseMatrix() {
return this.$refs.chartSvg.getScreenCTM().inverse();
},
fontStyle() {
return { fontSize: this.fontSize, fill: this.fontColor };
},
@ -255,6 +252,16 @@ export default {
ys.map((y, j) => this.getRect(x, y, i, j))
);
},
hMin() {
return Math.min(this.yMin ?? this.min, 0);
},
hMax() {
let hMax = Math.max(this.yMax ?? this.max, 0);
if (hMax === this.hMin) {
return hMax + 1000;
}
return hMax;
},
},
data() {
return { xi: -1, yi: -1, activeColor: 'rgba(0, 0, 0, 0.2)' };
@ -264,12 +271,15 @@ export default {
return Math.min(...this.ys[i]).toFixed();
},
getViewBoxY(value) {
const min = this.yMin ?? this.min;
const max = this.yMax ?? this.max;
const min = this.hMin;
const max = this.hMax;
let percent = 1 - (value - min) / (max - min);
if (percent === -Infinity) {
percent = 0;
}
return (
this.padding +
(1 - (value - min) / (max - min)) *
(this.viewBoxHeight - 2 * this.padding - this.bottom)
percent * (this.viewBoxHeight - 2 * this.padding - this.bottom)
);
},
getRect(px, py, i, j) {
@ -299,8 +309,8 @@ export default {
);
},
yScalerValue(i) {
const max = this.yMax ?? this.max;
const min = this.yMin ?? this.min;
const min = this.hMin;
const max = this.hMax;
return this.formatY((i * (max - min)) / this.yLabelDivisions + min);
},
getLine(i) {

20
src/components/Charts/LineChart.vue
View File

@ -131,8 +131,8 @@
</div>
</template>
<script>
import { euclideanDistance, prefixFormat } from './chartUtils';
import Tooltip from '../Tooltip.vue';
import { euclideanDistance, prefixFormat } from './chartUtils';
export default {
props: {
@ -190,8 +190,8 @@ export default {
);
},
ys() {
const min = this.yMin ?? this.min;
const max = this.yMax ?? this.max;
const min = this.hMin;
const max = this.hMax;
return this.points.map((pp) =>
pp.map(
(p) =>
@ -235,6 +235,16 @@ export default {
const r = this.viewBoxWidth - this.padding;
return { l, r };
},
hMin() {
return Math.min(this.yMin ?? this.min, 0);
},
hMax() {
let hMax = Math.max(this.yMax ?? this.max, 0);
if (hMax === this.hMin) {
return hMax + 1000;
}
return hMax;
},
},
data() {
return { cx: -1, cy: -1, xi: -1, yi: -1 };
@ -252,8 +262,8 @@ export default {
);
},
yScalerValue(i) {
const max = this.yMax ?? this.max;
const min = this.yMin ?? this.min;
const min = this.hMin;
const max = this.hMax;
return this.formatY((i * (max - min)) / this.yLabelDivisions + min);
},
getLine(i) {