随笔分类 - echarts
echarts图表与配置项
摘要：效果图 代码: <template> <div> <div id="chart2" /> </div> </template> <script setup> import * as echarts from "echarts"; import { onMounted } from "vue"; on
阅读全文
摘要：大屏里有一个多重环形图的展示,设计图效果: echarts没有直接实现的,参考了网上的几种方法,自己修改了一下,主要分两种: 1 环形饼图重叠 2 柱形图结合极坐标系 这篇先介绍使用环形饼图实现 两种效果图: 第一种效果代码: <template> <div> <div id="chart3" />
阅读全文
摘要：有一个全国行政区域地图,可以点击下钻, 正常是先把地图引入,在注册 import china from './china.json' // 注册地图 echarts.registerMap('全国', china) 但是这种可以点击的,一开始就全部引入浪费,需要动态加载数据 json文件可以直接请求
阅读全文
摘要：项目githup地址https://github.com/shengbid/echarts-series 效果图 实现步骤 1.下载地图json数据到项目中,我的地图下载地址http://datav.aliyun.com/tools/atlas/#&lat=30.316551722910077&ln
阅读全文
摘要：主要是对配置的一些说明,项目githup地址https://github.com/shengbid/echarts-series 这个地图做了3个层级,第一层: 中国地图; 第二层: 省级地图,点击第一层进入; 第三层: 市级地图, 点击第二层进入 点击空白处可以回到上一层 效果图: 第一层 第二层
阅读全文
摘要：项目源码地址: https://github.com/shengbid/echarts-series,如果有帮助记得给个star哈,码字不易,谢谢各位大佬 这个项目主要是对echarts中一些常用属性进行修改,用页面操作的方式,能更加直观的对echarts进行配置 主要分为两部分:1. echart
阅读全文
摘要：使用的是echarts官方例子https://echarts.apache.org/examples/zh/editor.html?c=candlestick-sh 主要是对配置的一些说明,项目源码githup地址https://github.com/shengbid/echarts-series
阅读全文
摘要：在vue-cli创建的项目中 使用echarts 修改部分配置 <template> <div class="line-container"> <ul class="attribute-list clearfix"> <li class="item"> <span class="title">tit
阅读全文
摘要：最终效果图: 实现步骤: 一般图表的数据都是由后台返回的,所以这里写了个getData函数,可以在这里获取后台接口数据 type: time时需要的数据是二维数组格式,[[x, y],[x, y]] x为时间 y数值 需要注意的是: 如果某些日期没有数值,也需要把这一项填充,y值为空,不然展示时空数
阅读全文
