django调用json文件，并且使用echarts

最新推荐文章于 2025-03-20 10:16:08 发布

maybe_fate

最新推荐文章于 2025-03-20 10:16:08 发布

阅读量4.7k

点赞数 1

分类专栏： jdango 文章标签： django jQuery.js python echarts

本文链接：https://blog.youkuaiyun.com/maybe_fate/article/details/79981572

版权

本文介绍如何在Django项目中调用JSON文件并结合Echarts进行数据可视化。首先，阐述如何将数据写入JSON文件，解决类型序列化问题。接着，将JSON文件放入静态文件夹，并修改Echarts实例的HTML代码以动态加载JSON数据。在实际操作中，遇到的问题包括HTML加载JSON文件需引入jQuery.js以及正确识别JSON数据标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.上节我们学习了如何在django中调用echarts实例点击打开链接，这节我们学习下如何利用html调用json文件并嵌套到echarts的实例中。

2.首先我们将数据写入json文件中，python中的写法为：

with open(os.path.join('time_count', 'time_count.json'), 'w', encoding='utf-8') as file_write:
            json.dump(time_count, file_write, cls=MyEncoder)

注意这里我们加入了参数cls=MyEncoder，这是因为一般而言json仅仅能使字符串序列化，如果是int或是float型的数据就会报错，这里我们就要重写Encoder方法，使其能够让int32与float进行序列化，代码如下：

class MyEncoder(json.JSONEncoder):
    def default(self, obj):
        if isinstance(obj, np.int32):
            return int(obj)
        elif isinstance(obj, np.floating):
            return float(obj)
        elif isinstance(obj, np.ndarray):
            return obj.tolist()
        else:
            return super(MyEncoder, self).