ECharts折线图渲染json格式数据（格式为对象）

最新推荐文章于 2024-08-11 16:50:01 发布

前端王小婷

最新推荐文章于 2024-08-11 16:50:01 发布

阅读量679

点赞数

本文链接：https://blog.csdn.net/weixin_44763569/article/details/116793332

版权

本文详细讲解如何将JSON格式的对象数据应用于ECharts折线图的渲染，探讨数据转换与图表显示的方法。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js" type="text/javascript"></script>
    </head>
    <body>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" class="col-md-12  col-sm-12 col-xs-12" style="height: 400px;"></div>
        <script>
            // 折线图
            $.ajax({
                url: "test.json",
                data: {},
                type: 'GET',
                success: function(data) {
                    console.log(JSON.stringify(data))
                    hrFun(data.echatX, data.echatY);
                },
            });