Django Echarts散点图数据不显示：如何排查后端数据正确但前端图表无数据点的问题？

Django项目Echarts散点图数据缺失问题分析与解决

本文针对Django项目中使用Echarts绘制散点图时，坐标轴显示但数据点缺失的问题提供解决方案。问题并非后端数据生成错误，而是前端数据处理和Echarts图表配置存在问题。

问题描述：

项目使用Django框架，结合mlxtend库进行关联规则挖掘。后端从Excel读取数据，利用FP-Growth算法计算频繁项集，再通过association_rules算法得到强关联规则，并以JSON格式传递给前端。前端使用Echarts绘制散点图，展示支持度和置信度关系。尽管坐标轴(支持度和置信度)正常显示，但散点图上却没有数据点。

立即学习“前端免费学习笔记（深入）”；

代码分析与问题定位：

后端视图(view.py)代码逻辑正确，能够生成正确的JSON数据。问题在于前端(course.html)如何处理和渲染这些数据。

提供的代码片段显示，bubbleData数组构建逻辑看似正确：

data.forEach(function(item, index) {    // ... 数据提取和转换 ...    bubbleData.push([parseFloat(support), parseFloat(confidence), lift, index, antecedents, consequents]);});

登录后复制