Skip to content

Graph 关系图

基本用法

vue
<script setup>
    import { ref } from 'vue'

      const data = [
        //...
      ]
      const links = [
        //...
      ]
      const categories = [
        //...
      ]
</script>
<template>
  <VueEcharts style="width:100%;height:300px;" :animationDuration="1500" animationEasingUpdate="quinticInOut">
    <Graph :data="data" :links="links" :categories="categories" name="Les Miserables" layout="none" />
    <Legend :data='["类目0", "类目1", "类目2", "类目3", "类目4", "类目5", "类目6", "类目7", "类目8"]' />
    <Tooltip />
    <Title text="Les Miserable" subtext="Default layout" top='bottom' left='right' />
  </VueEcharts>
</template>