[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'clear' of undefined"

[Julian367]

Hello, As title say I get this error and donut chart is not show

[bbonnin]

Hello, Could you provide more information about your context ? Version, code snippets, ... Thanks !

[Julian367]

Hello, Thank you for your fast replay. I'm using latest version 0.0.9. Here is my code

<template>
    <div>
        <donut-chart
                id="donut"
                :data="donutData"
                colors='[ "#1ab394", "#ff000a", "#867389"]'
                resize="true">
        </donut-chart>
    </div>
</template>

<script>
    import Raphael from 'raphael/raphael'
    global.Raphael = Raphael
    import {DonutChart} from 'vue-morris'
    export default {
        props: ["profileUserId"],
        components: {
            DonutChart,
        },
        data() {
            return {
                donutData: []
            }
        },
        mounted () {
            this.fetchAllUserStatistics()
        },
        methods: {
            fetchAllUserStatistics() {
                let vm = this
                axios.get('/api/user-statistics/' + this.profileUserId).then(
                    function (response) {
                        vm.donutData = response.data.chartData
                    }
                )
            }
        },
    }
</script>

chartData looks like this

[
{
"label": "Test1",
"value": 73
},
{
"label": "Test2",
"value": 71
},
{
"label": "Test3",
"value": 28
}
]

[bbonnin]

Thanks for reporting this bug.

[bbonnin]

Fix v0.0.10