How to use the vue-chartjs.Bar function in vue-chartjs

if (functional) component.functional = true;
  }

  component._scopeId = scope;

  return component;
}
/* style inject */

/* style inject SSR */

var CuiWidget08 = __vue_normalize__$s({ render: __vue_render__$s, staticRenderFns: __vue_staticRenderFns__$s }, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, undefined, undefined);

var script$t = {
  name: 'CuiSimpleBarChart',
  extends: vueChartjs.Bar,
  mixins: [chartMixins.generatedLabels, chartMixins.generatedBackgroundColor, chartMixins.generatedBorderColor, chartMixins.generatedOptions],
  props: {
    data: {
      type: Array,
      default: function _default() {
        return [0, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12];
      }
    },
    height: {
      type: Number,
      default: 40
    },
    label: {
      type: String,
      default: 'label|string'
    },

<li>
                    
                    <img height="70" width="70"><h3>{{inst.name}}</h3>
                    <h4>deposited:{{inst.deposited}}</h4>
                    deposit
                    uninstall
                    
                </li>
            
        
    
    `
};
const Bar_Chart = {
    name: 'Bar_Chart',
    extends: vue_chartjs_1.Bar,
    mixins: [vue_chartjs_1.mixins.reactiveProp],
    props: ['chartData', 'options'],
    mounted() {
        this.renderChart(this.chartData, this.options);
    },
    watch: {
        data: function (val) {
            this.renderChart(this.chartData, this.options);
        },
        options: function (val) {
            this.renderChart(this.chartData, this.options);
        }
    }
};
vue_1.default.component('Bar_Chart', Bar_Chart);
const Best_lang = {