ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix cirlce diagram start rotation

This commit is contained in:
Lorenz Padberg 2022-11-09 15:47:36 +01:00
parent 62db10ee00
commit e524ffdb3a
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/learningPath/CircleDiagram.vue
View File

@ -59,10 +59,14 @@ const pieData = computed(() => {
let result = angles.map((angle) => { let result = angles.map((angle) => {
const thisLearningSequence = circle.learningSequences[angle.index]; const thisLearningSequence = circle.learningSequences[angle.index];
// Rotate the cirlce by PI (180 degrees) normally 0 = 12'o clock, now start at 6 o clock
angle.startAngle += Math.PI;
angle.endAngle += Math.PI;
return Object.assign( return Object.assign(
{ {
startAngle: angle.startAngle + Math.PI, startAngle: angle.startAngle,
endAngle: angle.endAngle + Math.PI, endAngle: angle.endAngle,
..._.pick(thisLearningSequence, ["title", "icon", "translation_key", "slug"]), ..._.pick(thisLearningSequence, ["title", "icon", "translation_key", "slug"]),
arrowStartAngle: angle.endAngle + (angle.startAngle - angle.endAngle) / 2, arrowStartAngle: angle.endAngle + (angle.startAngle - angle.endAngle) / 2,
arrowEndAngle: angle.startAngle + (angle.startAngle - angle.endAngle) / 2, arrowEndAngle: angle.startAngle + (angle.startAngle - angle.endAngle) / 2,

BIN
env_secrets/local_lorenz.env
View File

Binary file not shown.