从0开始学VUE--使用Django+Vue 构建一个Web项目(9) eChart的使用

dailinqing1984

于 2020-11-29 21:05:33 发布

阅读量396

点赞数

分类专栏： Python

本文链接：https://blog.csdn.net/dailinqing1984/article/details/110351887

版权

104 篇文章 64 订阅 ¥49.90 ¥99.00

订阅专栏

本文介绍了如何在Vue项目中结合Django框架使用ECharts，包括ECharts的简介、安装步骤、组件创建以及在Layout.vue中的应用，通过实例展示了ECharts的显示效果，并提供了ECharts官方文档链接和之前Flask项目中ECharts的使用经验链接。

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

ECharts介绍

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

npm install --save echarts

在main.js中添加下面两行代码

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

<template>
  <div id="app">
    <div id="main1" style="width: 80%; height: 500px; margin: 0 auto"></div>
    <div id="main

了解本专栏

关注

专栏目录