Js echart.js 图表插件 发表于 2020-07-14 | 次阅读 字数统计: 334 字 | 阅读时长 ≈ 2 min 下载地址 中文官网地址 教程地址 使用依赖调用 12345<!-- jQuery文件。务必在loading.js 之前引入 --><script src="https://wjikai.gitee.io/myresoursce/js/jquery/jquery.min.js"></script> <!-- loading 核心 JavaScript 文件 --><script src="https://wjikai.gitee.io/myresoursce/js/echarts/echarts.min.js"></script> 使用方法 调用 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"> </div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script> <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script> <script type="text/javascript">var dom = document.getElementById("container");var myChart = echarts.init(dom);var app = {};option = null;option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line' }]};;if (option && typeof option === "object") { myChart.setOption(option, true);} </script> </body></html> 欢迎加我的微信,共同交流技术