layui模块化加载Echarts图表v4.2.1

原创于 2019-05-09 17:20:45 发布 · 9.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #layuiadmin #echarts

本文介绍如何结合layui框架和ECharts库进行数据可视化，通过实例演示了利用$.get方法获取pieData.json文件，并将其作为地图数据源，初始化ECharts地图组件的过程。

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


layui.use(['jquery','echarts'], function () {
    var $ = layui.$;
   //记得这是dom对象不是JQ对象，需要转换
        echarts = layui.echarts.init($('#main')[0]);

    //获取地图数据
    $.get("data/pieData.json",
        function (option) {
     //初始化地图
            echarts.setOption(option);
        }
    )