Adjust logic around displaying various svg parts
This commit is contained in:
parent
84cbbd2b17
commit
3bec89d1c2
@ -178,13 +178,13 @@
|
|||||||
|
|
||||||
<title>
|
<title>
|
||||||
<span v-html='month.date.month + " " + month.date.year'></span> | <!--
|
<span v-html='month.date.month + " " + month.date.year'></span> | <!--
|
||||||
--><template v-if='month.budget'><!--
|
--><template v-if='month.cumulativeTotal'><!--
|
||||||
--><template v-if='month.budget.spend'>Spend:</template><!--
|
--><template v-if='month.budget && month.budget.spend'>Spend:</template><!--
|
||||||
--><template v-if='month.budget.projected'>Projected Spend:</template><!--
|
--><template v-else>Projected Spend:</template><!--
|
||||||
--><span v-html='month.spendAmount'></span><!--
|
--><span v-html='month.spendAmount'></span><!--
|
||||||
--> | <!--
|
--> | <!--
|
||||||
--><template v-if='month.budget.cumulative'>Total:</template><!--
|
--><template v-if='month.budget'>Total:</template><!--
|
||||||
--><template v-if='month.budget.projected'>Projected Total:</template><!--
|
--><template v-else>Projected Total:</template><!--
|
||||||
--><span v-html='month.cumulativeAmount'></span><!--
|
--><span v-html='month.cumulativeAmount'></span><!--
|
||||||
--></template><!--
|
--></template><!--
|
||||||
|
|
||||||
@ -237,7 +237,7 @@
|
|||||||
|
|
||||||
{# cumulative dot #}
|
{# cumulative dot #}
|
||||||
<circle
|
<circle
|
||||||
v-if='month.budget'
|
v-if='month.cumulativeTotal'
|
||||||
class='budget-chart__cumulative__dot'
|
class='budget-chart__cumulative__dot'
|
||||||
v-bind:r='month.metrics.cumulativeR'
|
v-bind:r='month.metrics.cumulativeR'
|
||||||
v-bind:cx='month.metrics.cumulativeX'
|
v-bind:cx='month.metrics.cumulativeX'
|
||||||
@ -245,8 +245,8 @@
|
|||||||
|
|
||||||
{# abbreviated cumulative label #}
|
{# abbreviated cumulative label #}
|
||||||
<text
|
<text
|
||||||
v-if='month.budget'
|
|
||||||
v-bind:filter="'url(#text-background__' + month.date.month + month.date.year + ')'"
|
v-bind:filter="'url(#text-background__' + month.date.month + month.date.year + ')'"
|
||||||
|
v-if='month.cumulativeTotal'
|
||||||
v-bind:x='month.metrics.cumulativeX'
|
v-bind:x='month.metrics.cumulativeX'
|
||||||
v-bind:y='month.metrics.cumulativeY - 10'
|
v-bind:y='month.metrics.cumulativeY - 10'
|
||||||
text-anchor='middle'
|
text-anchor='middle'
|
||||||
|
Loading…
x
Reference in New Issue
Block a user