在Vue项目中使用Echarts: Echarts中的常用组件

最新推荐文章于 2024-07-05 10:34:38 发布

dell_wu_gao_jian

最新推荐文章于 2024-07-05 10:34:38 发布

阅读量540

点赞数

分类专栏： echarts 浏览器兼容性文章标签：前端

本文链接：https://blog.csdn.net/dell_wu_gao_jian/article/details/106578150

版权

该博客介绍了如何在Vue项目中使用Echarts，通过四个部分详细讲解了Echarts的常用组件：title、toolbox、tooltip和markPoint。内容包括各组件的配置、效果展示及在Echarts图表中的应用。

摘要由CSDN通过智能技术生成

下面，以使用在Vue项目中使用Echarts(一)的数据, 初始化一个折现图的组件作为演示

<template>          
    <div>
        <div id="echartContainer" style="width:800px; height:500px"></div>
    </div>
</template>
        
<script>
    const echarts = require('echarts');
    export default {
   
        name: 'line-chart',
        data () {
   
            return {
   
                
            }
        },
        mounted() {
   
            //基于准备好的dom, 初始化echarts实例
            let myChart = echarts.init(document.getElementById('echartContainer'));
            myChart.setOption({