echarts
文章平均质量分 64
Best_卡卡
一天不掉发,心里就空空的
展开
-
g6-思维链路图
前言需求:集团公司风险链路图1、首次接触@antv/g6,进行记录总结2、最终实现如下3、实现有些杂乱点击更多加载调取接口加载5条点击框显示公司数据实现步骤安装"@antv/g6": "4.5.0", "insert-css": "^2.0.0",安装npm install --save @antv/g6学习方式:官网https://antv.vision/zh/蚂蚁金服 G6 文档https://www.bookstack.cn/books/antv-g6基础原创 2022-04-15 21:11:17 · 2016 阅读 · 1 评论 -
echarts地理坐标系组件geo实现散点图绘制
前言需求图需求:1、绘制当前集团公司在世界分布的资产散点图,2、双击点击中国地图,进入中国地图3、右键返回世界地图4、hover自定义tooltip,并且高亮所在地图区域实现准备世界地图坐标数据和我国地图坐标数据地理坐标系组件需要注册地图,我们需要导入并注册地图数据1、世界地图数据:worldGeoJson.ts2、中国地图数据:chinaGeoJson.ts坐标数据过大,我放入我的资源里面了,免费免积分绘制以及option1、基础结构<template>原创 2022-04-14 21:24:26 · 1485 阅读 · 2 评论 -
echarts折线面积图
Echarts折线面积图原创 2022-04-11 20:14:31 · 2407 阅读 · 1 评论 -
vue+echarts地图分布散点图
前言后台管理项目统计用户访问量与用户所在地,需要做一个地图分布散点图,效果图如下所示,技术vue+echarts步骤异步加载百度地图1、在api文件夹下面封装异步加载百度地图的方法2、其中ak为传递的百度地图(key)ak参数(免费)3、ak申请地址:http://lbsyun.baidu.com/apiconsole/key?application=keyexport function loadBMap(ak) { return new Promise(function(r原创 2021-07-02 13:41:15 · 1719 阅读 · 7 评论 -
简单的柱状图+饼状图(echarts初识)
效果图代码<template> <div class="contant"> <div class="top"> <el-date-picker class="mmmyinput" v-model="time" type="daterange" range-separator="-" value-format="yyyy-MM-dd" start-placeh原创 2021-03-16 15:09:51 · 2187 阅读 · 0 评论