Vue Echarts如何实现长尾词实时大屏动态数据展示？

本文共计1047个文字，预计阅读时间需要5分钟。

目录+前言+一、Vue配置+二、适配方案+三、Echarts+四、实时更新+前言+由于是国企业务线上应用，活跃大屏，我就不附图了。代码仅供参考。

一、Vue配置

1.我是用vue-cli搭建的，大屏项目复杂。

目录

• 前言
• 一、vue配置
• 二、适配方案
• 三、Echarts
• 四、实时更新

前言

因为是国企线上应用的活动大屏，我就不附图了。代码仅供参考。

一、vue配置

1. 我是用vue-cli 搭建的，大屏项目复杂度不高，vue-router、vuex 、axios、sass 等都可以不用，vue、echarts就够用。

2. vue.config.js 配置就正常配，出口入口等基本配置我就不展示了，这两个配置项大屏还有点用。主要是我把每个图表都拆成了单独的组件，没封装公共的图表组件，一些重复的样式还有一些scss的函数可以写在公共的文件里，我是开发环境用了sass。