vue后台管理项目数据报表功能的实现
首先在vue可视化管理面板中安装echarts运行依赖。
- 导入echarts。在使用echarts的组件中导入。
import echarts from 'echarts'
- 为echarts准备一个具备大小的Dom。
<div id="main" style="width: 600px;height:400px;"></div>
- 将页面上准备好的div区域初始化为echarts实例。
mounted() {
var myChart = echarts.init(document.getElementById('main'));
}
- 指定图表的配置项和数据。
- 展示数据，显示图表。
本项目直接接收后台数据渲染出折线图
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！