js图形报表

邮件系统发送统计与状态分析

最新推荐文章于 2023-10-29 18:35:10 发布

转载最新推荐文章于 2023-10-29 18:35:10 发布 · 1.2k 阅读

文章标签：

#图形 #colors #statistics #graph #border #system

Web 专栏收录该内容

27 篇文章

订阅专栏

本文通过两个条形图展示了邮件系统的发送统计和发送状态统计数据。图表详细地比较了不同类别之间的邮件发送数量，有助于了解邮件系统的使用情况及发送成功率。

<div style="clear:both;"></div>
<div id="graph" style="float:left;margin-top:5px;width:550px;position: relative; background:#efefef; border:1px solid #ccc; border-radius:5px; box-show:5px 5px 5px #000;">Loading graph...</div>
<script type="text/javascript">
	var myData = new Array(<%=request.getAttribute("data") %>);
	var colors = ['#FA5E1F', '#FDCB3F', '#71D743', '#D23333', '#BAE73F', '#AB7B55'];
	var myChart = new JSChart('graph', 'bar');
	myChart.setDataArray(myData);
	myChart.colorizeBars(colors);
	myChart.setTitle('Vr E-mail system to send statistics');
	myChart.setTitleColor('#8E8E8E');
	myChart.setAxisNameX('');
	myChart.setAxisNameY('');
	myChart.setAxisColor('#c6c6c6');
	myChart.setAxisWidth(1);
	myChart.setAxisNameColor('#9a9a9a');
	myChart.setAxisValuesColor('#939393');
	myChart.setAxisPaddingTop(60);
	myChart.setAxisPaddingLeft(50);
	myChart.setAxisPaddingBottom(60);
	myChart.setTextPaddingBottom(20);
	myChart.setTextPaddingLeft(15);
	myChart.setTitleFontSize(11);
	myChart.setBarBorderWidth(0);
	myChart.setBarSpacingRatio(50);
	myChart.setBarValuesColor('#737373');
	myChart.setGrid(false);
	myChart.setSize(550, 321);
	myChart.draw();
</script>

<div id="graph1" style="float:left;margin-top:5px;margin-left:5px;width:550px;position: relative; background:#efefef; border:1px solid #ccc; border-radius:5px; box-show:5px 5px 5px #000;">Loading graph...</div>
<script type="text/javascript">
	var myData = new Array(<%=request.getAttribute("data1") %>);
	var colors = ['#FA5E1F', '#FDCB3F', '#71D743', '#D23333', '#BAE73F', '#AB7B55'];
	var myChart = new JSChart('graph1', 'bar');
	myChart.setDataArray(myData);
	myChart.colorizeBars(colors);
	myChart.setTitle('Vr E-mail system to send state statistics');
	myChart.setTitleColor('#8E8E8E');
	myChart.setAxisNameX('');
	myChart.setAxisNameY('');
	myChart.setAxisColor('#c6c6c6');
	myChart.setAxisWidth(1);
	myChart.setAxisNameColor('#9a9a9a');
	myChart.setAxisValuesColor('#939393');
	myChart.setAxisPaddingTop(60);
	myChart.setAxisPaddingLeft(50);
	myChart.setAxisPaddingBottom(60);
	myChart.setTextPaddingBottom(20);
	myChart.setTextPaddingLeft(15);
	myChart.setTitleFontSize(11);
	myChart.setBarBorderWidth(0);
	myChart.setBarSpacingRatio(50);
	myChart.setBarValuesColor('#737373');
	myChart.setGrid(false);
	myChart.setSize(550, 321);
	myChart.draw();
</script>