Echarts.js 图表在layui中的引用
1. 下载echarts.js源码
2. 添加部分源码,可使layui使用第三方插件的方法引入,代码如下:
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(factory((global.echarts = {})));
}(this, (function (exports) { 'use strict';
window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :
(factory((global.echarts = {})));
}(this, (function (exports) { 'use strict';
exports.Axis = Axis;
exports.env = env$1;
exports.parseGeoJson = parseGeoJson;
return exports;
})));
layui.config({
base: '../../../layuiadmin/lib/'
}).extend({
echarts: '/extend/echarts'
});
layui.use(['form','table','echarts','util'],function(){
var echarts = layui.echarts;
var $ = layui.jquery;
var table = layui.table;
console.log(echarts);
var myCharts = echarts.init($(dom));
})
javascript
运行
3. 推荐的其他插件Highcharts
Highcharts 是一个用纯 JavaScript 编写的一个图表库， 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。
Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中很多图表可以集成在同一个图形中形成混合图。
相关知识
Echarts.js 图表在layui中的引用
layui 教程 => 干货
excel中制作图表的教程
layui php移动端适配方案
在 iPhone 上的 Numbers 表格中添加交互式图表
Echarts 图表插件学习（2）
SSM + Layui实现的后台管理系统
Excel图表制作的方法 如何制作Excel图表
实战测试：多模态AI在文档解析、图表分析中的准确率对比
excel 用一列数据生成图表/折线图
网址: Echarts.js 图表在layui中的引用 https://m.huajiangbk.com/newsview2500292.html
| 上一篇: 女会计正在检查商业报告和股票图表 |
下一篇: 数据分析中常见图表的应用场景及优 |
