随笔分类 - echarts
echarts使用相关总结和采坑
摘要：需求： 上次写了一篇 echarts 给 提示框（tooltip）添加点击事件（点击显示弹出窗） 是给提示框添加点击事件，不料需求有变，要求（还是在 echarts 绘制的地图上）： 1. 鼠标移动到 标记点 上时，显示提示框内容 2. 点击 标记点 ，直接弹出弹窗展示标记点详情内容 解决： JS（
阅读全文
摘要：需求描述： 如图所示，希望达到如下效果：点击 图1（echarts绘制的地图）中的图标，展示图1的文字提示框，再点击提示框展示详情页面（图2的弹出窗） 用到的技术：vue + element-ui + echarts 代码展示： 高亮显示的部分都是重要部分，在注意事项中也都有说明。 let opti
阅读全文
摘要：方案一： tooltip: { show: true, trigger: 'item', formatter: function(params) { return `<div style="display:block;max-width: 200px;word-break: break-all;wo
阅读全文
摘要：如标题所述，我们希望 echarts 图表在没有数据时显示 “-暂无相关数据-” 字样。 操作： 需要对返回的数据做判断，如果有数据则正常显示图表，如果没有数据，我们将此 div 的内容改为文本 “-暂无相关数据-”，并设置样式即可。 HTML： <div id="chart"></div> JS（
阅读全文
摘要：报错信息如下： You may have an infinite update loop in watcher with expression "XXXXXX" 原因分析可参考这篇文章： you may have an infinite update loop in watcher with exp
阅读全文
摘要：需求描述： 如下图所示 1. 我们希望通过控制最上方的一组图例，来实现两个饼图对应项同时的显示或隐藏； 2. 在一个饼图中，我们希望中心位置一直显示该饼图的标题，同时扇形区域上显示对应模块的数值，鼠标悬浮时再具体显示相关内容。 解决方案（代码展示）： 需求1 解决方案：只需初始化一个 echarts
阅读全文
摘要：需求： 如下图所示，我需要对提示框数据进行处理，使其数据都为整数，但是在使用 formatter 处理后，发现前面的颜色小圆点不见了！ 解决： 通过打印 formatter 的 params 参数可以看到有个 marker 属性描绘的是小圆点的标签和样式！所以在下面代码高亮位置加入 params[i
阅读全文
摘要：主要描述以ECharts柱状图为展开的一些相关功能点的使用，有些不仅限于柱状图中使用，有点杂乱，我尽量描述的清楚一点。本文主要放我项目中用到的相关操作，至于其他以后用到还会更新。这里所描述的内容ECharts官网中都可以查找的到，如有感觉描述不清晰的请前往官网自行查看，也欢迎大家批评指正。 附上官网
阅读全文