echarts pie
echarts图表随着视图窗口的大小resize改变图表大小的实现
最近使用echarts比较多，之前用的比较少，这次使用时发现视图窗口变小以后在恢复原来的大小，图表不会自己恢复。 通过监听视图变化调用图表的resize()方法解决了问题 window.onresize = () => { console.log("窗口大小改变了"); if (this.weekC ......
[Echarts] SVG元素交互（Select）
1.下载官网示例，修改并设置SVG文件 ( $.get('需要加载的SVG路径', function (svg) { ... }); ). <!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=geo-seatmap-fli ......
react+echarts出现“There is a chart instance already initialized on the dom.”
写了一个关于echatrs组件，报错dom重复 配置信息从props拿 let chart; useEffect(() => { if (chart) { updateChartView(); }else{ chart = echarts.init(dom.current) updateChartV ......
这样封装echarts简单好用
为什么要去封装echarts？ 在我们的项目中，有很多的地方都使用了echarts图表展示数据。 在有些场景，一个页面有十多个的echarts图。 这些echarts只是展示的指标不一样。 如果我们每一个echarts图都写一份配置型的话， 会有非常多的冗余代码，并且如果需要某一个配置项。 我们需要 ......
echarts使用dataset数据集创建单轴散点图
dataset创建单轴散点图 由于使用echarts作图时，我很喜欢用dataset作为数据源，但是官方案例中，又没有给出相关示例，于是，在翻阅官方文档相关案例之后，结合官方文档使用dataset的示例，成功使用dataset绘制单轴散点图！ 配置项 //配置项 const option = { t ......
Vue+echart 展示后端获取的数据
最近在合作做一个前后端分离项目时，为了测试我写的后端部分获取数据的效果，自己也学了一下 vue 的知识，在获取 json 信息这里也踩了很多坑。 这里列举下我返回的 json 部分信息： { "house_basic": [ { "HOUSE_ID": "00001", "HOUSE_NAME": ......
用Echarts实现前端表格引用从属关系可视化
在金融行业，我们经常会有审计审查的需求，对某个计算结果进行审查，但是这个计算结果可能依赖多个单元格，而且会有会有多级依赖的情况，如果让我们的从业人员靠眼睛找，工作量巨大，而且准确性存疑，基本上死路一条，因此让整个审查过程可视化，迫在眉睫，现在我们利用纯前端表格和Echarts将审计审查过程可视化 一 ......