vue中使用v-charts图表

最新推荐文章于 2025-06-18 18:02:55 发布

weixin_41703322

最新推荐文章于 2025-06-18 18:02:55 发布

阅读量3.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： v-charts使用

本文链接：https://blog.youkuaiyun.com/weixin_41703322/article/details/84401811

本文介绍了如何在Vue项目中使用v-charts库创建图表，通过实例代码展示了其基本用法，提供了一种直接可用的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近没事研究了一下v-charts，不逼逼了，直接上图，上代码，干货才是硬道理，代码复制即用

<template>
  <div class="about">
    <div class="box">
      <div class="box1" ref='res1'>
           <ve-candle :data="chartData" :settings="chartSettings" :tooltip-visible='true'         
                width='100%' height='300px' 
            :mark-line="markLine" :mark-point="markPoint" 
           ></ve-candle>
           
            
      </div>
    </div>
    
  </div>
</template>

<script>
import {formatDate} from '../components/common/js/data'
import 'echarts/lib/component/markLine'
import 'echarts/lib/component/markPoint'
import