vue中用v-charts做图表

//van-tab是vant中的tab切换组件

<van-tab title="学生异常统计">

          <template>

            <ve-ring :data="studentData"></ve-ring>     //<ve-ring>是v-charts中的组件

          </template>

</van-tab>

//数据层

  data() {

    return {

      studentData: {

        columns: ["title", "count"],

        rows: [

          { title: "正常", count: 400 },

          { title: "感冒", count: 20 },

          { title: "发烧", count: 50 },

          { title: "肺炎", count: 100 }

        ]

      }

    };

  }

 

v-charts文档地址https://v-charts.js.org/#/