当前位置: 首页 > news >正文

uni-app:通过ECharts实现数据可视化-如何引入项目

效果

引入文件位置

代码 

<template><view id="myChart"></view>
</template>
<script>
import echarts from '@/static/js/echarts.js'  // 引入文件
export default {mounted() {// 初始化EChartsconst myChart = echarts.init(document.getElementById('myChart'))// 进行图表的配置和数据处理myChart.setOption({title: {text: 'ECharts 入门示例'},tooltip: {},xAxis: {data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']},yAxis: {},series: [{name: '销量',type: 'bar',data: [5, 20, 36, 10, 10, 20]}]})},data() {return {}},methods: {}
}
</script>
<style>#myChart {width: 400px;height: 300px;}
</style>

echarts.js下载地址:

获取 ECharts - 入门篇 - Handbook - Apache ECharts

http://www.lryc.cn/news/167858.html

相关文章:

  • string 模拟与用法
  • [NLP] LLM---<训练中文LLama2(一)>训练一个中文LLama2的步骤
  • 华为云云耀云服务器L实例使用教学 | 利用华为云服务器搭建--> 基于Spring Boot+WebSocket+WebRtc实现的多人自习室
  • Postman应用——接口请求(Get和Post请求)
  • k8s pod概念、分类及策略
  • C++系列-左移运算符重载
  • 【Vue】vue中v-if的用法
  • 企业架构LNMP学习笔记54
  • C【函数】
  • 【简单教程】利用Net2FTP构建免费个人网盘,实现便捷的文件管理
  • 05-Flask-Flask查询路由方式
  • lua环境搭建数据类型
  • c++11的一些新特性
  • K8S名称空间和资源配额
  • 鼠标拖拽拖动盒子时,与盒子内某些点击事件冲突问题解决
  • PMP项目管理证书是什么?有什么用?
  • iframe的父子通讯
  • 使用docker创建minio镜像并上传文件,提供demo
  • 02 java ---- Android 基础app开发
  • 鲁棒性与稳定性区别
  • C++项目实战——基于多设计模式下的同步异步日志系统-⑦-日志输出格式化类设计
  • Android---底部弹窗之BottomSheetDialog
  • Cesium 地球网格构造
  • C++深度优化——cacheline测试
  • 【数字IC/FPGA】Verilog中的递归调用
  • 禁用Win10自动更新
  • 算法通关村-----动态规划高频问题
  • 记一起小意外事件引起的批量重命名文件名
  • 【Excel函数】Excel的Len函数求对象的字符数
  • 小白备战大厂算法笔试(八)——搜索