
echarts
心为醒SS
喜欢前端,热爱代码,源由心生
展开
-
vue3获取dom
3,不能直接在setup里面拿到dom的值,因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到,比如onMounted。1,获取dom的ref元素名称,要对应暴露的名称,不然会出现无效的dom报错,也就是拿到的是null。2,在setup中,使用ref(null)获取dom。原创 2023-02-27 13:21:49 · 4491 阅读 · 0 评论 -
echarts在vue3中的引入
4)main.js进行挂载(这里可以忽视别的,只看echarts部分)5)需要使用的页面,首先得定义一个容器,然后将图表放入这个容器就行。这里用的是按需引入,一般也推荐用这种,可以优化项目的体积。2)创建一个echarts文件夹,并创建配置文件。原创 2023-02-11 22:23:29 · 1380 阅读 · 1 评论 -
echarts柱形图参数设置
//设置柱形图的颜色color: "#99dcf4", xAxis: { //x轴设置 type: "category", //x轴展现数据 data: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月",原创 2022-04-21 16:36:21 · 1829 阅读 · 0 评论 -
echarts之饼图制作+标示线
1,安装echarts组件npm install echarts -s2,在main.js中全局引入以及挂载import echarts from 'echarts';//引入Vue.prototype.$echarts = echarts;//挂载也可以直接在new Vue里面添加挂载或者Vue.use(echarts);三种都是挂载,都可以用3,然后我们回到组件中,一种是组件全局引入(写在组件的script部分的最开始,引入嘛)import * as echarts from原创 2022-04-21 14:30:46 · 7089 阅读 · 0 评论