随笔分类 - 图表
摘要：今年写了许多图表，想来应该要有一些总结 基于基本g情，在g端，几乎所有的领导在综合概览展示页面总是希望会有一些酷炫效果，因而echart得以发扬光大，本篇文章重点也是为了总结echart的一些基本要素。 待续
阅读全文
摘要：废话不说，看网上那些大聪明写的都是echart上的基本的配置，真好笑 tooltip: { backgroundColor: "transparent", // 修改背景颜色 borderColor: "transparent", // 修改边框颜色 padding: 0, formatter: f
阅读全文
摘要：let option = { backgroundColor: "transparent", grid: { left: '50', right: '80', bottom: 0, top: 20, containLabel: false, }, xAxis: [{ gridIndex: 0, ty
阅读全文
摘要：废话不说，上代码： 策一： // 注册mouseover事件，去除hover样式 myChart.on("mouseover", function () { myChart.dispatchAction({ type: "downplay", }) }) 策二(荐)： geo:{ emphasis:
阅读全文
摘要：先说需求与思路 需求：三个按钮，分别是展示前十、后十、与全部 下方的图表要动态的配置宽高，(通常情况下是某一边) 思路: 父组件根据传入数组长度动态设置overflow 如果是auto，则会根据子元素即echart容器是否溢出来显示滚动条，内部的echart元素可以根据长度来动态设置宽高，初始值可以
阅读全文
摘要：需求： 封装echart-option,手动实现下载png图片功能(echart提供的saveImage由于不能控制位置，故弃用) 除echart-option以外的配置 //resource:array echart渲染依赖的数组, title:string 保存图片时的文件名 function
阅读全文
摘要：一：导入静态文件 import { useEffect, useRef } from 'react' import * as echarts from 'echarts' import { DownLoadPath } from "./data-overview/type" import { ECH
阅读全文
摘要：window.addEventListener('resize', () => { this.charts.resize() // 重置echart数据 })
阅读全文
