mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-19 01:04:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

support click pie chart to change current selected item

Browse Source
This commit is contained in:
MaysWind
2021-02-08 00:19:58 +08:00
parent 8ab1ad1a63
commit 2dd2c417d8
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/mobile/PieChart.vue
+5 -1
View File
@@ -11,7 +11,8 @@
:stroke="item.color | defaultIconColor('var(--default-icon-color)')" :stroke="item.color | defaultIconColor('var(--default-icon-color)')"
:stroke-width="diameter" :stroke-width="diameter"
:stroke-dasharray="item | itemStrokeDash(circumference)" :stroke-dasharray="item | itemStrokeDash(circumference)"
:stroke-dashoffset="item | itemDashOffset(validItems, circumference, itemCommonDashOffset)"> :stroke-dashoffset="item | itemDashOffset(validItems, circumference, itemCommonDashOffset)"
@click="switchSelectedIndex(idx)">
</circle> </circle>
<circle class="pie-chart-text-background" <circle class="pie-chart-text-background"
@@ -194,6 +195,9 @@ export default {
} }
}, },
methods: { methods: {
switchSelectedIndex: function (index) {
this.selectedIndex = index;
},
switchSelectedItem: function (offset) { switchSelectedItem: function (offset) {
let newSelectedIndex = this.selectedIndex + offset; let newSelectedIndex = this.selectedIndex + offset;