搜索结果
查询Tags标签： echarts，共有 183条记录-
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在根目录的 index.html 里引入百度地图 <…
2023/12/29 1:03:02 人评论 次浏览 -
Flask+Vue+Echarts+Mysql+websocket 实战（四）
一、后台编写思路：本质是数据的展示，因此只是调用数据库查询方法给前端使用即可。由于物联网水质监测仪目前还未调试好，因此模拟数据采集到数据库，做一个定时器做数据插入的功能（预计本周可以调试完毕，到时候传感器会定时采集数据传入服务器数据库，和此效果相同，先…
2022/10/31 23:24:52 人评论 次浏览 -
Echarts 多图表共用legend
// 参考地址:https://www.isqqw.com/echartsdetail?id=31404//加载数据 function LoadDataX() {GetApiDataSync2("url", POST, {annual: 2022}, function (result) {if (result.Success) {setMap(result.data, "map1","line");//使用折线}…
2022/9/2 6:23:01 人评论 次浏览 -
Vue_Echarts ： 解决__ob__: Observer
在Vue+Echarts做表中遇到一个问题，__ob__: Observer无法展示数据， 在这之前推荐一篇文章看一下，个人觉得挺不错的。 文章链接：https://blog.csdn.net/weixin_38345306/article/details/123090611话不多说，咱们上代码。<template><div class="ThecondCh…
2022/9/1 23:22:47 人评论 次浏览 -
echarts-封装组织dataset的工具类
首先 过滤 排序拿到 filtersourcefuncation getDatasetSource(维度x,filtersource,){ const sourceLists: Recordable[] = []; for(let entity of 维度x){ var sourceList: any = [0, 0, 0, 0, 0, 0]; sourceList.splice(0, 1, entity);for(let obj of filtersource){if…
2022/8/29 23:24:15 人评论 次浏览 -
uniapp中使用echarts在一页中摆放多个图表
开发项目的移动端，运用uniapp+echarts，一开始查了很多资料，很多推荐用ucharts，但是运用了后感觉ucharts不如echarts多样，而且web端选择也是echarts，所以还是回归了；很多还显示echarts只能在一页显示一张图，给出了解决办法，但是尝试了达不到效果；最终，运用封装组…
2022/8/11 23:30:20 人评论 次浏览 -
Vue中引用echarts
1.安装echarts依赖npm install echarts --save2.在src/assets文件夹下新建echarts文件夹，新建index.js文件 3.在index.js文件中全局引入echartsimport * as echarts from echarts export default echarts 4.vue文件中的测试代码<style scoped>#sector{width: 100…
2022/8/8 23:25:44 人评论 次浏览 -
echart
中文文档：Handbook - Apache ECharts api，可在搜索栏搜索感兴趣的字段、函数等，像vuex一样：Documentation - Apache ECharts 1、安装 npm i echart@5.1.2 2、使用 import * as echarts from "echarts";//折线图const option = {xAxis: {data: xData,},yAxis…
2022/8/7 23:26:24 人评论 次浏览 -
OpenLayers集成ECharts
1. 引言 OpenLayers是WebGIS中常用的开源JavaScript前端库，ECharts是常用的可视化开源JavaScript前端库 OpenLayers官网：OpenLayers - Welcome ECharts官网：Apache ECharts OpenLayers中可视化效果欠佳，集成ECharts能提升地图可视化效果 ol3Echarts是一个集成ECharts到…
2022/7/29 6:22:50 人评论 次浏览 -
uniapp 微信小程序 使用 echarts 避坑
echarts.min.js的版本 5.3.2 第一步 ： https://blog.csdn.net/qq_45164516/article/details/125298373 第二步： 重中之重修改echarts.min.js https://blog.csdn.net/qq_20095005/article/details/122937759感谢上面两位大神，炎炎夏日，bug bye bye
2022/7/24 1:24:00 人评论 次浏览 -
Echarts 柱状图
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,…
2022/7/22 6:54:47 人评论 次浏览 -
微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题
1、微信小程序使用echarts，首先下载echarts并导入小程序项目中，因小程序后期上线对文件大小有要求，所以建议进行定制下载导入可减少文件大小占比，也可以下载以前旧版本文件比较小的应付使用 下载echarts： https://echarts.apache.org/zh/download.html 定制下载：htt…
2022/7/17 1:15:01 人评论 次浏览 -
echarts 屏幕大小自适应
屏幕放大、缩小，自适应 this.myChart 是获取存放图标的盒子元素mounted() {window.addEventListener("resize", () => {this.myChart.resize();}); },beforeDestroy() {window.removeEventListener("resize", () => {this.myChart.resize();})…
2022/7/14 23:21:40 人评论 次浏览 -
echarts 树图滚轮放大缩小文字
放大缩小代码使用getZr()注册和取消mousewheel事件this.myChart.getZr().off("mousewheel") this.myChart.getZr().on("mousewheel", (param) => {let option2 = this.myChart.getOption();if (option2.series[0]) {let zoom = option2.series[0].…
2022/7/14 23:21:38 人评论 次浏览 -
echarts 图表设置默认选中
echarts：https://echarts.apache.org/zh/api.html#events.legendselected tfjy1997：https://blog.csdn.net/wgf1997/article/details/124815817 数据图形 设置高亮 this.myChart.dispatchAction({type: "highlight",//seriesIndex：number | array 系列 ind…
2022/7/9 23:22:02 人评论 次浏览
