前端-尔嵘

在引入Echarts的水型图组件的时候，全部引入还是报错：Uncaught TypeError: wave.ensureState is not a function原因：查询得知是因为echarts版本和echarts-liquidfill并不是匹配的，你如果直接安装可能会安装高版本的，导致报错，那么我的原来报错版本是多少呢，找到package.json：正确的：echarts4.x 版本 适用于 echarts-liquidfill2.x.x版本，echarts5.x 版本 适用于 echarts

一、参考示例：Make A Pie说明：上面这个是JQuery实现的地区分布图二、实现过程：1、下载json:地址：https://hxkj.vip/demo/echartsMap/或者：EasyMap下载的有的并非是严格的json文件，选用用json.cn进行转换2、vue文件中引入json，直接使用import jsonData from "../assets/json/411300.json"; //引入josn文件3、将参考实例中的参考代码语法......

为了在一个页面调用多个柱形图，那么回了柱形图，其他的图形封装成组件是不是可以举一反三呢？ 我们选择封装组件的形式，方便随调随取，数据分离，互不影响。话不多说，开弄。一、组件：（@/components/custom/barCharts.vue）<template> <div class="echarts"> <!-- 柱形图组件 --> <div :id="id" :echartObj="echartObj" :st

原始数据获取//原始数据 _this.chartYData = [ { name: "视在功率", type: "line", data: [] },];for (let item of res.data) { _this.chartXData.push(item.dbtime.substring(11, 19));//X轴数据 _this.chartYData[0].data.push(item.s);//Y轴数据}console.log(_this.chartXD

目标需求：我既要看表格数据，也要看对应的曲线效果：（1） （2）代码：js如下 data() { return { buttonList: "primary",//默认显示表格 buttonChart: "",//默认图形不显示 legendData: ['正向有功实时需量','反向有功实时需量','正向无功实时需量','反向无功实时需量'], tableData: [], ...

series一个子元素的name和legend的data中必须保持一样的名称！！！！！

API文档：请点击仪表盘实例地址：请点击目标样式：实现代码：//html部分<div id="dashboardHumidity" style="width: 200px; height: 200px"></div>//js部分//仪表盘 drawDev() { let myChart = this.$echarts.init( document.getElementById("dashboardHumidity")

1.vue中echarts渲染的速度很慢，建议在加载的过程中加入loading加载。2.给echarts添加标记线（如平均线）、标记点（如最大值、最小值）series: [ { data: [0, 5, 120, 932, 901, 934, 1290, 1330, 1320], type: "line", //标记点 markPoint: { data: