laravel с vue компонентом создания графиков

Question

Я хочу создать график, поэтому я использовал компоненты графика для создания графика с использованием этого шаблона

<template>
                    <div id="globalGraph">
                        <graph-bar
                                :width="600"
                                :height="400"
                                :axis-min="0"
                                :axis-max="50"
                                :labels="[ 'Global', 'China', 'nonChina' ]"
                                :values="values">
                            <note :text="'Global Chart'"></note>
                            <tooltip :names="names" :position="'left'"></tooltip>
                            <legends :names="names" :filter="true"></legends>
                        </graph-bar>
                    </div>
                </template>

, тогда в моем скрипте у меня есть

import bar from 'vue-graph/src/components/bar.js'
import NoteWidget from 'vue-graph/src/widgets/note.js'
import tooltip from 'vue-graph/src/widgets/tooltip.js'
import legends from 'vue-graph/src/widgets/legends.js'

export default {
    mounted() {
      console.log(bar)
      console.log(NoteWidget)
      console.log(tooltip)
      console.log(legends)
    },
    components: {
        'graph-bar' : bar,
        'legends' : legends,
        'note' : NoteWidget,
        'tooltip' : tooltip
    },

Мой вопрос - почему получить:

, даже если я добавлю template tag и mounted()

UPDATE : работает только компонент графика, обратите внимание, что легенда и всплывающая подсказка не работают