刚刚发现官网实例里边的数据其实在：https://www.echartsjs.com/data/asset/data/flare.json

源码：

html:

 <!DOCTYPE html>

 <head>

     <meta charset="utf-8">

     <script type="text/javascript" src="js/echarts.js"></script>

     <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

     <script type="text/javascript" src="js/jsonTool.js"></script>

 </head>

 <body style="height: 600px; margin: 0">

 <div id="container" style="height: 100%"></div>

 <script type="text/javascript">

     var dom = document.getElementById("container");

     var myChart = echarts.init(dom);

     var app = {};

     option = null;

     myChart.showLoading();

     $.get('data/flare.json', function (data) {

         myChart.hideLoading();

         myChart.setOption(option = {

             tooltip: {

                 trigger: 'item',

                 triggerOn: 'mousemove'

             },

             series: [

                 {

                     type: 'tree',

                     data: [data],

                     top: '18%',

                     bottom: '14%',

                     layout: 'radial',

                     symbol: 'emptyCircle',

                     symbolSize: 7,

                     initialTreeDepth: 3,

                     animationDurationUpdate: 750

                 }

             ]

         });

     });

     if (option && typeof option === "object") {

         var startTime = +new Date();

         myChart.setOption(option, true);

         var endTime = +new Date();

         var updateTime = endTime - startTime;

         console.log("Time used:", updateTime);

     }

 </script>

 </body>

 </html>

效果图

最新文章

  1. JavaScript基本语法（五）
  2. 使用Charles检测HTTPS网站的数据包
  3. 跟着思维导图学习javascript
  4. MFC CEdit改变字体大小的方法
  5. Spring MVC Integration,Spring Security
  6. win8下出现安装sql2012 正在启动操作系统功能"NetFx3"
  7. 使用rosed编辑ROS文件
  8. 【PHP入门到精通】：Ch04：流程控制语句
  9. 关于数据导出到Excel科学计数法的处理
  10. clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y ,offsetTop,offsetLeft 详解
  11. eclipse下切换svn用户
  12. C#编写的序列化通用类代码
  13. 轻松学JVM（二）&mdash;&mdash;内存模型、可见性、指令重排序
  14. C#使用Xamarin开发可移植移动应用进阶篇(8.打包生成安卓APK并精简大小),附源码
  15. IE CSS Bugs 列表和解决方法
  16. .NET图平台下的图像处理工具---强大的Emgucv
  17. Java并发编程（一）-- 多线程的基本概念
  18. centos中创建自动备份Mysql脚本任务并定期删除过期备份
  19. golang学习笔记6 beego项目路由设置
  20. OO第四次课程总结分析

热门文章

  1. （四）lucene之文本域加权
  2. 请问IOS中做一个手机网站的app壳复杂吗？
  3. .net core +gogs + jenkins +docker自动化发布、部署
  4. 客户端相关知识学习（十二）之iOS H5交互Webview实现localStorage数据存储
  5. jQuery异步请求ajax()之complete参数详解
  6. 五、HashMap的使用 及其源码解析
  7. Hadoop错误：PipeMapRed.waitOutputThreads(): subprocess failed with code 1
  8. 干货，阿里P8浅谈对java线程池的理解（面试必备）
  9. 十年阿里顶级架构师教你怎么使用Java来搭建微服务
  10. Cannot determine value type from string &#39;xxxxxx&#39;