cczz66的博客

效果：思路：提前在 data 中配置一个暂无数据的 option，然后在初始化 echarts 的时候判断接口返回数据是否未空，如果为空就 setOption 暂无数据的 option 渲染 dom，否则正常 setOption 接口数据渲染 dom //dataoption: { title: { text: "暂无数据", x: "center", y: "center", textS..

echarts-liquidfill 是 Echarts 的一个插件，所以需要额外的npm引入npm install echarts-liquidfill页面中导入 ：import "echarts-liquidfill";全部代码：<template> <div v-allSafeArea class="page"> <Header :isBack="false" /> <div ref="container" cl.

效果图：全部代码 ： <template> <div class="maps-container"> <div class="chart-view" ref="mainMap"></div> </div></template><script>import "echarts/map/js/province/hunan.js";import * as echarts from ...

效果图如下：以下是全部代码：<template> <div class="radar"> <div class="chart-view" ref="dynamicRadar"></div> </div></template><script>import * as echarts from "echarts";import { getDeviceTypeList } from "@...

早上收到产品需求，说要把弹框显示改到鼠标放在标签文字上触发，翻了一遍 e-charts 的文档看到有个 triggerEvent 属性可以控制标签鼠标事件的响应，我们可以配置这个属性让标签触发鼠标事件，然后通过 e-charts 的 event 事件来控制弹窗的显隐。效果图如下：以下是全部代码：<template> <div class="radar"> <div class="chart-view" ref="dynamicRadar".

给data里的value一个索引，去对应Y轴，categories里的数据效果图如下：以下全部代码：<template> <div class="custom"> <div class="status-view"> <div class="item"> <SvgIcon icon="icon_1"></SvgIcon> <div class="name...