Web/JS/loginlinechart.js
(开头部分) 3KB这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。
Ext.onReady(function () {
//初始化提示信息
Ext.QuickTips.init();
//读取后台数据
var loglinesotre = Ext.create('Ext.data.Store', {
fields: ['logindate', 'logindatevalue', 'logindatevalue1'],
proxy: {
type: 'ajax',
url: '../logmanager/loginlinechartjson',
reader: {
type: 'json',
root: "root",
}
},
autoLoad:true
});
var loginlogchart = Ext.create('Ext.chart.Chart', {
store: loglinesotre,
axes: [{ //定义坐标轴
type: 'Numeric', //坐标轴数据类型为数据
position: 'left', //左侧、纵坐标
fields: ['logindatevalue', 'logindatevalue1'], //该坐标轴对应设置的monthStore中的某个Field
title: '人次', //坐标轴名称
grid: true //是否在图表上显示横向网格
}, {
type: 'Category', //坐标轴类型
position: 'bottom', //表示为横坐标
fields: 'logindate', //对应monthStore中的Field
title: false, //不显示坐标轴名称
grid: true //是否在图表上显示纵向网格
}],
series: [
{
type: 'line',
xField: 'logindate',
yField: 'logindatevalue',
style: {
color: '#6FD52B',
'stroke-width': 3
},
tips: { //鼠标移动到曲线图的点上时显示的提示信息,如图中11:52:30
trackMouse: true, //实时追踪鼠标
width: 80, //提示面板宽度
height: 40, //提示面板高度
renderer: function (storeItem, item) { //格式化呈现数据的方法
var timeText =storeItem.get('logindate');
this.setTitle('登录成功'+storeItem.get('logindatevalue') + '人<br/>' + timeText);
}
}
}
, {
type: 'line',
xField: 'logindate',
yField: 'logindatevalue1',
style: {
color: 'red',
'stroke-width': 3
},
后面还有 37 行代码,解锁后查看完整代码
24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明
AI 解读 AI
登录后可用,每次 10 算力,解读结果公开显示在下面。
还没有人解读过这个文件。