![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
文章平均质量分 53
Apeng_0919
这个作者很懒,什么都没留下…
展开
-
echarts图表的图例中的小圆点不见了怎么办?
tooltip: { show: true, trigger: "axis", axisPointer: { type: "line", }, textStyle: { align: "left", fontSize: 12, }, // formatter: "{b0}<br/>{a.原创 2021-06-18 11:11:09 · 2059 阅读 · 0 评论 -
echarts引入的几种方式
1. npm或者cnpm 安装npm install echarts --savecnpm install echarts --save引入echarts,就可以使用了import echarts from 'echarts';2.cdn引入原创 2021-05-10 10:15:49 · 22869 阅读 · 8 评论 -
elemenet弾框中使用echarts 报错Cannot read property ‘getAttribute‘ of null
在使用elementUI的抽屉<el-drawer>组件时,会有如下提示因此在第一次打开抽屉时 ,是获取不到DOM元素的。官网给出了解决办法,就是在open方法中获取相应的组件<el-drawer title="历史利润率" :before-close="handleClose" :visible.sync="dialog" direction="ltr" custom-class="demo-drawer" ref="draw原创 2021-05-08 11:55:24 · 342 阅读 · 0 评论 -
echarts 图表自适应
首先需要渲染一个图表,例如折线图图表,点这里手把手教你从0到有完成了一个图表后在获取dom节点、初始化图表之前,添加如下代码:const WIDTH = 375; //设计稿的大小var cWidth =window.innerWidth ||document.documentElement.clientWidth ||document.body.clientWidth; //获取屏幕大小将跟数据大小有关的地方乘上比例(设计稿大小与屏幕大小的比例),...原创 2021-04-30 16:10:40 · 1113 阅读 · 1 评论 -
从0到有,教你实现渐变色echarts 折线图
先在模板中写一个div盒子<template><div id="trendChart"></div></template>可以在生命周期函数mounted里面加载,也可以封装为一个函数,然后在mounted里面调用;var chartDom = document.getElementById("trendChart"); //获取节点var myChart = echarts.init(chartDom); //初...原创 2021-04-30 14:48:22 · 1381 阅读 · 0 评论