echarts
小曲曲
这个作者很懒,什么都没留下…
展开
-
echarts最新封装柱状图
【代码】echarts最新封装柱状图。原创 2024-08-27 17:58:21 · 247 阅读 · 0 评论 -
dataV组件使用——数据更新更新组件
bug 当数据更新只更新一个属性页面不会刷新(this.config1.data = arr;必须重新赋值整个config。原创 2024-08-15 17:54:32 · 345 阅读 · 0 评论 -
多条折线图修改图例以及自定义tooltip
【代码】多条折线图修改图例以及自定义tooltip。原创 2024-08-15 17:52:41 · 353 阅读 · 0 评论 -
折线图——根据时间间隔X轴不等间距展示
【代码】折线图——根据时间间隔X轴不等间距展示。原创 2023-12-22 09:45:38 · 788 阅读 · 0 评论 -
nuxt使用echarts——带滚动条
bug1:安装包报错,就更换版本bug2:图表出不来:需要定义宽高bug3:需要resize大小。原创 2023-09-20 15:09:04 · 320 阅读 · 0 评论 -
echarts实现3D地图——map3D
【代码】echarts实现3D地图——map3D。原创 2023-07-05 09:30:46 · 5479 阅读 · 1 评论 -
长沙大屏echarts——地图map
/ map.vue 组件。原创 2022-08-05 14:13:11 · 581 阅读 · 0 评论 -
echarts——小曲的大屏
需求自适应不同尺寸屏幕引入6个图表组件点击放大全屏<template> <div class="home flex"> <div class="col1"> <div class="border area1"> <div @click="open('/linepage')" class="open">↔</div> <line1></line1>.原创 2021-12-21 17:29:45 · 254 阅读 · 0 评论 -
echarts——圆环饼图
需求需求:圆环饼图1、每个圆环分为左右两部分,分别为每个商品的库存和销量,销量设置为渐变色2、在圆环中心显示该商品名字和销量,设置不同的颜色3、每次展示5个产品的圆环图,定时切换展示下一页商品,这里就不写了4、随着屏幕的变化,适配标题大小和圆环的半径以及内部标签文字的大小<template> <div class="w100 h100"> <div ref="looppie" class="w100 h100"></div>.原创 2021-12-20 10:20:01 · 3524 阅读 · 0 评论 -
echarts——饼图
需求:三级分类的饼图1、一级分类通过左右箭头切换的方式展现2、二级分类通过饼图的形式展现(默认不显示每块区域name,高亮时候显示name)3、三级分类通过鼠标放在饼图某一区域上时以文字的形式呈现(自定义提示文字)<template> <div class="w100 h100"> <!-- 左右切换箭头及一级分类名字 --> <div> <div class="title">{{ pieData[in.原创 2021-12-17 18:22:43 · 1779 阅读 · 0 评论 -
echarts——纵向柱状图
需求1、对数据进行从大到小排序2、不同区间的数值的柱展示不同的渐变色3、每隔1S图表向左平移一个柱,同时右边新增一个柱4、当鼠标移入图表停止切换,鼠标移出开启切换<template> <div class="w100 h100"> <div ref="bar" class="w100 h100"></div> </div></template><script>import { ququ.原创 2021-12-17 14:21:04 · 2405 阅读 · 0 评论 -
echarts——map
全国及各地市地图数据获取案例一:根据各个省份数值高低显示不同深浅的颜色案例二:二级地图穿透原创 2021-12-16 15:28:54 · 5397 阅读 · 2 评论 -
echarts——折线图
需求下拉切换显示不同商品的销量趋势图根据屏幕大小适配标题和图例的大小折线图颜色填充源码<template> <div class="w100 h100"> <div class="title"> <select name="" id="" @change="onChange" :style="`fontSize:${size}px;height:${size + .原创 2021-12-15 18:28:05 · 1598 阅读 · 0 评论 -
echarts——横向柱状图
功能描述全屏横向柱状图从小到大排序,每次显示5条,每3秒切换循环显示鼠标移入停止切换,鼠标移出继续切换柱状图组件源码<template> <div class="w100 h100"> <div ref="bar" class="w100 h100"></div> </div></template><script>import { ququ } from "../../public/s.原创 2021-12-15 11:01:53 · 15718 阅读 · 0 评论 -
echarts——颜色控制
主题theme的使用调色盘渐变色主题的使用内置主题echarts默认内置了两套主题:light 、dark// echarts初始化init()方法,有两个参数,第一个为放置图表的dom元素,第二个为主题名称this.barChart = this.$echarts.init(this.$refs.bar,'light');自定义主题echarts官网——下载——主题下载——定制主题——自定义配置(修改名称)方法一:下载主题(ququ.js)——放入项目——script标签引.原创 2021-12-14 15:23:05 · 1565 阅读 · 0 评论