agua001的博客

【代码】echarts 饼图标注 字体修改。

vue 一个组件中一个或者多个动态echarts图表切换渲染问题；echarts.js:2286 Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0.For example, you may need to call this in the callback of window.onload.

vue3 使用Echarts 的 dataZoom 滑动效果 type: 'inside'或type: 'slider'时无效果以及悬浮层不显示

1、需求UI图：2、需求分析：在广州十一个区显示六个类型的站的覆盖率，鼠标移入某个柱状要显示当前区下的当前类型下的所有厂家的巡检信息（api没弄，暂自定义数据结构）series: [ { name: '窨井水位', type: 'bar', data: [ { value: 80, manufacturerList: [ // 窨井在海珠区关联的厂家信息 { censu

1、仪表盘：在series 中修改radius 文档:https://echarts.apache.org/zh/option.html#series-gauge.radiusconst caliOption = { series: [ { type: "gauge", min: 0, max: 100, //设置刻度盘内数值区间 splitNumber: 5, // 设置间隔区域的显示数量 radius: "100%", // 设

1、按正常的做法，都是从左往右排（最左最新数据，对应右侧的顶部数据）2、测试老大可能太闲，说不要这样的效果，他想初次进来显示最新的数据，而且是在x轴的左右边，看其他数据的需要往右滑动。3、去官方文档看了看，有个倒排的属性：inverse，官方地址：https://echarts.apache.org/zh/option.html#xAxis.inversexAxis: [{ type: 'category', boundaryGap: true, alignWithLabel: true,

1、当数据为动态渲染时，获取series的数据，然后在最后一项添加label对象let option;// 图标参数配置let xData = [];let legendData = [];let seriesData = [];// 只取厂家名字（因为每一项的名字都返回相同的，所以只取其中一项即可）data[0].keyValues.forEach(item => { let dataItem = { data: [], name: "", type: "b

1、在echarts 使用resize()Api 屏幕变化的时候报：Uncaught TypeError: Cannot read property ‘resize’ of undefined2、看了大佬的文章：https://blog.youkuaiyun.com/HH18700418030/article/details/96281813虽然没使用到他说的方法，但是使用了评论者的方法，可行3、原先的的代码:mounted() { this.$nextTick(() => { this.my

1、大屏正常，小屏超出宽：1920px宽：1550px2、解决：使用echarts的resize()API （官网地址：https://echarts.apache.org/zh/api.html#%2Fsearch%2Fresize）<div class="contentLeft"> <div id="echartBox" ref="echartBox"></div></div>data() { return { myCha