随笔分类 -  echarts

在项目中遇到的echarts需求，在此记录一些方法
虚实折线图
摘要：import React, { Component } from 'react'; import * as echart from 'echarts'; import { hexToRgba, compare } from '@/utils/tools'; import styles from '. 阅读全文
posted @ 2022-05-05 15:10 ShirleyHe 阅读(79) 评论(0) 推荐(0)
3d柱状图2
摘要：预览图： import React, { Component } from 'react'; import * as echart from 'echarts'; import { compare } from '@/utils/tools'; import style from './index. 阅读全文
posted @ 2022-03-03 16:51 ShirleyHe 阅读(711) 评论(0) 推荐(0)
3D柱状图1
摘要：预览图： import React, { Component } from 'react'; import * as echart from 'echarts'; import { compare } from '@/utils/tools'; import style from './index. 阅读全文
posted @ 2022-03-03 16:36 ShirleyHe 阅读(138) 评论(0) 推荐(0)
3D环饼图（带点击事件、高亮显示）
摘要：转自 https://www.makeapie.com/editor.html?c=xX9xcKXRjq /************************* pie3D 尝试 更新时间: 2020.10.8 17:12 v1.1 使用组件: grid3D、xAxis3D、yAxis3D、zAxis 阅读全文
posted @ 2022-01-24 17:37 ShirleyHe 阅读(919) 评论(0) 推荐(0)
echarts的3D环形图
摘要：转自https://www.makeapie.com/editor.html?c=x1-kIyaV6u /************************* pie3D 尝试 更新时间: 2020.8.6 17:12 v1.1 使用组件: grid3D、xAxis3D、yAxis3D、zAxis3D 阅读全文
posted @ 2022-01-24 17:35 ShirleyHe 阅读(2970) 评论(0) 推荐(0)
封装react的echarts组件（根据窗口或者父级容器的变化自适应图表大小）
摘要：echarts 组件： import React, { Component } from 'react'; import echart from 'echarts'; import { Consumer } from "@/layouts/components/default_layout/defa 阅读全文
posted @ 2020-09-25 14:40 ShirleyHe 阅读(1884) 评论(0) 推荐(0)
echarts tooltip 实现水平位置自适应
摘要：position: (pt, params, dom, rect, size) => { let yPos = '20%'; let xPos = 0; if(pt[0] < size.viewSize[0] / 2) { xPos = pt[0] + 20 this.changePosition( 阅读全文
posted @ 2020-09-25 14:19 ShirleyHe 阅读(741) 评论(0) 推荐(0)