2022-10-12 vue+uniapp+echarts 使用记录
第一步:安装echarts
npm i echarts
第二步:在main.js引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
第三步:在项目中使用
<template> <view id="box" style="520rpx"></view> </template> <script> export default { mounted() { this.initEchart(); }, methods: { initEchart() { var box = this.$echarts.init(document.getElementById("box")); var options; options = { xAxis: { type: "category", data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], }, yAxis: { type: "value", }, series: [ { data: [150, 230, 224, 218, 135, 147, 260], type: "line", }, ], }; box.setOption(options); }, }, }; </script> <style lang="scss" scoped> </style>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」