echart 可视化
echart 可视化demo
前端菜鸟日常
分享日常
展开
-
echart 3d曲面图合集
爱心: series: [ { type: "surface", parametric: true, // 改变球体颜色 itemStyle: { color: function (params) { return "transparent"; }, },原创 2021-01-28 14:31:29 · 2541 阅读 · 14 评论 -
一些奇奇怪怪的echart 配置
自定义配置原创 2022-10-17 14:41:32 · 239 阅读 · 0 评论 -
chart axisPointer 坐标轴指示器 背景设置
链接原创 2022-05-16 14:27:25 · 384 阅读 · 0 评论 -
vue如何引入echart 地图,及报错总结
官网效果图首先安装依赖npm i echarts 引入import echarts from "echarts"; //可视化map.jsexport function loadBMap(ak) { return new Promise(function (resolve, reject) { if (typeof BMap !== 'undefined') { resolve(BMap) return true原创 2021-01-22 12:02:52 · 2623 阅读 · 13 评论 -
vue使用echart 完成3d系列4之曲面空心圆锥
参考:vue使用echart 完成3d系列1之曲面空心圆vue使用echart 完成3d系列2之曲面锥形vue使用echart 完成3d系列3之曲面空心半圆效果图第一步,先安装依赖npm install echarts-gl -Snpm install echartspackage.json中有这两玩意,说明安装成功 "echarts": "^5.0.1", "echarts-gl": "^2.0.0",废话不多说直接看代码<template> <div&原创 2021-01-19 09:14:15 · 766 阅读 · 2 评论 -
vue使用echart 完成3d系列2之曲面锥形
效果图第一步,先安装依赖npm install echarts-gl -Snpm install echartspackage.json中有这两玩意,说明安装成功 "echarts": "^5.0.1", "echarts-gl": "^2.0.0",废话不多说直接看代码<template> <div> <div id="app"></div> </div></template><script&g原创 2021-01-18 21:34:38 · 885 阅读 · 0 评论 -
vue使用echart 完成3d系列3之曲面空心半圆
效果图第一步,先安装依赖npm install echarts-gl -Snpm install echartspackage.json中有这两玩意,说明安装成功 "echarts": "^5.0.1", "echarts-gl": "^2.0.0",废话不多说直接看代码<template> <div> <div id="demo"></div> </div></template><scr原创 2021-01-18 18:31:26 · 792 阅读 · 3 评论 -
vue使用echart 完成3d系列1之曲面空心圆
这个例子为官网例子,但一开始引入3d效果, 不知咋配置,官网只给了参数,花了好多时间, 所以写下这个文档记录一下,给需要的小伙伴节约时间用效果图第一步,先安装依赖npm install echarts-gl -Snpm install echartspackage.json中有这两玩意,说明安装成功 "echarts": "^5.0.1", "echarts-gl": "^2.0.0",废话不多说直接看代码<template> <div> <d原创 2021-01-18 16:02:05 · 1043 阅读 · 0 评论 -
vue+echart完成圆滑折线图
vue+echart完成波纹图效果图:上代码:<template> <div> <div id="demo"></div> </div></template><script>export default { data() { return { option: { title: { text: "走势图", //标题设置‘参保情况’原创 2021-01-12 10:32:48 · 970 阅读 · 1 评论 -
使用vue+echart完成百分比图,空心饼图
使用echart完成百分比图效果图:上代码:安装依赖:npm install echarts --saveimport echarts from “echarts”;<template> <div> <div id="demo"></div> </div></template><script>export default { data() { return { op原创 2020-09-10 16:49:33 · 3384 阅读 · 0 评论 -
vue+echart完成折线图
使用echart完成折线图效果图:上代码:<template> <div> <div id="demo"></div> </div></template><script>export default { data() { return { option: { title: { text: "设备增长", //标题设置‘参保情况’原创 2020-09-10 16:38:00 · 1587 阅读 · 5 评论