Error: url or json or rows or columns is required.

[wgmv]

Hi I was just checking out vue-c3 and got this

[Vue warn]: Error in event handler for "init": "Error: url or json or rows or columns is required."

I just created an example chart like below and used it in the browser. Besides the console logs nothing shows. Should it work like this? Where could be the problem? Thanks!

<template>
    <div>
        <vue-c3 :handler="handler"></vue-c3>
    </div>
</template>

<script>
    import Vue from 'vue'
    import VueC3 from 'vue-c3'

    export default {
//        name: ...,

        components: {
            VueC3
        },

        data () {

            return {
                handler: new Vue()
            }
        },

        mounted () {
            // to init the graph call:
            const options = {
                columns: [
                    ['data1', 2, 4, 1, 5, 2, 1],
                    ['data2', 7, 2, 4, 6, 10, 1]
                ],

            }
            console.log('Mounted.');
            console.log(options.columns);
            this.handler.$emit('init', options)
        }
    }
</script>

[biering]

Hi, I made a small mistake in the documentation.
Just add a data Object around the columns array. I've updated the readme.

[wgmv]

Thanks! That was it.