echarts
走_开
这个作者很懒,什么都没留下…
展开
-
echarts堆叠柱形图设置最小高度无效
一、记录问题:1、echarts的配置项如下:option = { tooltip: { trigger: 'axis', axisPointer: { // Use axis to trigger tooltip type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow' } }, le原创 2021-02-19 10:37:30 · 4058 阅读 · 1 评论 -
vue3引入echarts
main.js文件import { createApp } from "vue";import App from "./App.vue";import "./registerServiceWorker";import router from "./router";import store from "./store";import * as echarts from 'echarts'const app = createApp(App)app.use(store)app.use(ro原创 2020-12-17 16:12:41 · 12780 阅读 · 9 评论 -
echarts渐变色
一、使用echarts内置的渐变色生成器echarts.graphic.LinearGradient和echarts.graphic.RadialGradientimport echarts from 'echarts'/** * @description: echarts线性渐变色 * @param {string} startColor 开始处颜色 * @param {string} endColor 结束处颜色 * @return: */export function line原创 2020-11-12 11:43:24 · 4847 阅读 · 0 评论 -
解决点击浏览器窗口最大最小化时echarts的resize问题
window.onresize = () => { // myChart为echarts的实例 myChart.resize() setTimeout(() => { myChart.resize() }, 10) }原创 2020-11-11 17:25:33 · 421 阅读 · 2 评论 -
vue子组件echarts图表resize问题
1、父组件和单个子组件中使用window.onresize问题子组件中的会没有作用,解决办法:在子组件中使用addEventListener("resize",callback)替代(可参考https://blog.csdn.net/believet93/article/details/107255405)2、父组件和多个子组件时,方案1的办法也不能奏效解决办法:在父组件中监听window.onresize方法,并设置一个变量(resize),然后在子组件中监听变量(resize)的变化/原创 2020-11-04 11:47:39 · 3345 阅读 · 0 评论 -
geo组件中添加roam和zoom对散点图的影响(已解决)
1、在配置geo组件的roam=true或者zoom放大倍数(不等于1)后,窗口放大缩小会是散点图的坐标错位。贴上代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 ech...原创 2019-12-03 09:04:09 · 1866 阅读 · 0 评论 -
vue2项目中点击按钮实现echarts放大缩小动画(Element.classList.add()方法和Element.classList.remove()方法)
1、html部分<div id="productivities" class="em-vs-charts" style="margin-top:10px;"> <div> <div> <img style="margin:auto 15px;" src="../assets/venderstatisticsicons/icon_Ne...原创 2019-11-25 18:14:40 · 1621 阅读 · 0 评论 -
echarts图标添加标线markLine(点到点的方式)
option = { xAxis: {}, yAxis: {}, series: [{ symbolSize: 20, data: [ [10.0, 8.04], [8.0, 6.95], [13.0, 7.58], [9.0, 8.81], ...原创 2019-11-20 18:42:01 · 2253 阅读 · 0 评论 -
在vue中使用echarts
1、使用npm安装npm install echarts --savenpm install echarts -S以上两种都可以,也可以使用淘宝cnpm安装2、将echarts组件全部引入在main.js中添加// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts...原创 2019-09-10 22:15:07 · 298 阅读 · 0 评论 -
vue使用echarts实现水平柱形图
文件结构:testData.js文件const dtuEdition = { name: '有方有线', number: 60, proportion: 40, edition: { '有方有线V1.0.0': 20, '有方有线V1.2.0': 15, '有方有线V2.0.1': 10, '有方有线V3.0.0': 8, '有...原创 2019-08-27 15:26:28 · 3206 阅读 · 0 评论 -
echarts3 清空上一次加载的series数据
今天做图表的时候发现了一个问题,想和大家分享一下我有一个下拉选框,每次选中都切换不同的数据,数据是从后台查询获取的,但是如果后台返回了数据每次渲染都没有问题,如果后台没有返回数据,但是我在渲染图表的时候series虽然是[] 数组,但是任然会保留上次查询所得结果,我找了好多资料,有的说notMerge,这个是echarts 2.0的方法,用了还是不好使,有的说myChart.setOpti...转载 2019-08-27 14:53:11 · 2735 阅读 · 0 评论 -
vue tab切换echarts的时候(v-if和v-show)不显示的问题
直接上代码<div class="survey-distribution" ref="dtuDistribution"></div> mounted() { this.distributionChart = this.$echarts.init(this.$refs.dtuDistribution) this.distributionChart....原创 2019-08-26 19:19:04 · 2552 阅读 · 3 评论 -
Echarts数据可视化action图表行为的相关操作,开发全解+完美注释
参考链接:https://blog.csdn.net/luanpeng825485697/article/details/78886706转载 2019-08-09 09:13:30 · 240 阅读 · 0 评论 -
echarts.js图表宽度自适应的问题
echarts.js的官方文档,找到了这一句window.onresize = myChart.resize; 多个图标可以这样写:window.onresize = () => { this.myChart.resize() this.myChart1.resize()}加上去,就可以自适应了,就是把window的onresize事件赋值为echar...原创 2019-07-29 20:22:59 · 2307 阅读 · 0 评论