随笔分类 - ECharts
摘要：问题 这个问题已经不是第一次犯了，去年也犯过一次，特此记录。 echarts 配置项如下，可以正常显示地图，给 series 传入的数据格式也没有问题，数据传入后地图可以正常显示，但是鼠标移入发现 tooltip 无法显示 value 值，打印 tooltip-formatter-params 发现
阅读全文
摘要：<template> <div :id="id" :class="className" :style="{ height: height, width: width }" ref="chart"></div> </template> <script> export default { name: '
阅读全文
摘要：问题 在使用echarts生成图表的时候,报错cannot read property 'querycomponents' of undefined 解决 通过跟踪代码发现是eModel.querycomponents中eModel为undefined,初步判断是eModel没有生成. 解决方法就是
阅读全文
摘要：在echarts中,我们经常能看到,如下图的事例.这里列出了各个省市地图的请求地址 '上海': '/asset/get/s/data-1482909900836-H1BC_1WHg.json', '河北': '/asset/get/s/data-1482909799572-Hkgu_yWSg.jso
阅读全文
摘要：前言 使用echarts开发一个图表,symbol是多样的,so...如果我们能使用iconfont图表库.... 本文思路是将图片通过在线编辑将png格式转化为base64,用于echarts的symbol. 阅读本文不需要任何svg基础知识 开发 步骤一,从iconfont中下载png图片,这里
阅读全文
摘要：前言 使用echarts开发一个图表,symbol是多样的,so...如果我们能使用iconfont图表库!阅读本文不需要任何svg基础知识 本文就是介绍如何从iconfont中获取svg的path,用于echarts的symbol样式. 当然使用svg的path缺点就是我们没办法修改path的方向
阅读全文
摘要：问题 基于业务需要echarts容器被层层嵌套，高度通过百分比来设置。echarts随着窗口大小变化，绑定了resize事件，然鹅resize事件却失效 解决 resize失效说明容器大小变化失败，我们要查看一下容器百分比设置，结果发现在<style>标签内设置高度百分比无效，需要将百分比改为行内样
阅读全文
摘要：一 要实现的效果 二 官方文档 看一下官方文档上，替换symbol的描述： timeline.symbol string [ default: 'emptyCircle' ] timeline标记的图形。 ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect'
阅读全文
摘要：ECharts容器： 1，ECharts容器设置宽度width，值可以是百分比或者是像素，当设置为百分比时，要检查父元素是否设置了宽度。注意：容器宽度设置不要用min width，不然会发现tooltip的宽度等于min width设置的宽度； 2，ECharts容器设置宽度height，值可以是百
阅读全文
摘要：symbol:function(){ return require('@/assets/images/didi.png') }
阅读全文
摘要：前言 vw布局的页面是等比改变的(因为vw将屏幕等分为100份,在初始设计时某元素占屏幕多少份,在其他屏幕上也是同样的份数),比如我们在一个750px的屏幕宽度中使用了vw,当我们把屏幕宽度改为1920的时候,网页的整个样式包括字体都会等比放大.vw布局我用于大屏监控数据展示. 下图是750屏幕宽度
阅读全文
摘要：问题 echarts饼图添加了一个点击事件,点击一次,发现事件function却执行多次,并且会越来越多 myCharts.on(‘click',function(params){}) 解决 在前方通过off解绑 myCharts.off('click'); myCharts.on(‘click',
阅读全文
浙公网安备 33010602011771号