datav+charts的使用-Vue 大屏数据展示组件库

datav官网http://datav.jiaminghi.com/
先装这两个插件

然后在main.js中引用

import dataV from '@jiaminghi/data-view'

Vue.use(dataV)

然后就可以在页面中使用了，chart和echart类似

<template>
  <div>
  这是datav组件
     <dv-border-box-10 class="panel_box" >
        <h2>柱形图-就业行业</h2>
        <div class="chart" id="container">图标</div>
      </dv-border-box-10>
  </div>
</template>
<script>
//先导入charts
import Charts from '@jiaminghi/charts'
export default {
  
  data () {
    return {
  
    };
  },
  created(){
  },
  mounted(){
  在mouted里面做了一个立即执行函数 ，防止里面的变量污染
    (function(){
    //下面和ea