|
@@ -90,61 +90,61 @@
|
|
|
<div class="th-wid-6 ibox-th-colorbar1">
|
|
|
|
|
|
<div class="col-sm-6 ibox-left-th">
|
|
|
- <img src="/img/jkzs.png">
|
|
|
+ <img th:src="@{/img/jkzs.png}">
|
|
|
<h5>接口总数</h5>
|
|
|
</div>
|
|
|
<div class="col-sm-6 ibox-right-th">
|
|
|
- <span>39</span>
|
|
|
+ <span id="tj_interface_total">39</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="th-wid-6 ibox-th-colorbar2">
|
|
|
|
|
|
<div class="col-sm-6 ibox-left-th">
|
|
|
- <img src="/img/dypc.png">
|
|
|
+ <img th:src="@{/img/dypc.png}">
|
|
|
<h5>调用频次</h5>
|
|
|
</div>
|
|
|
<div class="col-sm-6 ibox-right-th">
|
|
|
- <span>39</span>
|
|
|
+ <span id="tj_dypc">39</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="th-wid-6 ibox-th-colorbar3">
|
|
|
|
|
|
<div class="col-sm-6 ibox-left-th">
|
|
|
- <img src="/img/gjpc.png">
|
|
|
+ <img th:src="@{/img/gjpc.png}">
|
|
|
<h5>归集频次</h5>
|
|
|
</div>
|
|
|
<div class="col-sm-6 ibox-right-th">
|
|
|
- <span>39</span>
|
|
|
+ <span id="tj_gjpc">39</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="th-wid-6 ibox-th-colorbar4">
|
|
|
|
|
|
<div class="col-sm-6 ibox-left-th">
|
|
|
- <img src="/img/gxpc.png">
|
|
|
+ <img th:src="@{/img/gxpc.png}">
|
|
|
<h5>共享频次</h5>
|
|
|
</div>
|
|
|
<div class="col-sm-6 ibox-right-th">
|
|
|
- <span>39</span>
|
|
|
+ <span id="tj_gxpc">39</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="th-wid-6 ibox-th-colorbar5">
|
|
|
|
|
|
<div class="col-sm-6 ibox-left-th">
|
|
|
- <img src="/img/jrbm.png">
|
|
|
- <h5>接入部门</h5>
|
|
|
+ <img th:src="@{/img/jrbm.png}">
|
|
|
+ <h5 >接入部门</h5>
|
|
|
</div>
|
|
|
<div class="col-sm-6 ibox-right-th">
|
|
|
- <span>39</span>
|
|
|
+ <span id="tj_jrbm">39</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="th-wid-6 ibox-th-colorbar6">
|
|
|
|
|
|
<div class="col-sm-6 ibox-left-th">
|
|
|
- <img src="/img/jkgz.png">
|
|
|
+ <img th:src="@{/img/jkgz.png}">
|
|
|
<h5>接口故障</h5>
|
|
|
</div>
|
|
|
<div class="col-sm-6 ibox-right-th">
|
|
|
- <span>39</span>
|
|
|
+ <span id="tj_jkgz">39</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -187,34 +187,28 @@
|
|
|
|
|
|
<th:block th:include="include :: sparkline-js"/>
|
|
|
<script type="text/javascript">
|
|
|
- $(document).ready(function () {
|
|
|
- var data2 = [
|
|
|
- [gd(2012, 1, 1), 7], [gd(2012, 1, 2), 6], [gd(2012, 1, 3), 4], [gd(2012, 1, 4), 8],
|
|
|
- [gd(2012, 1, 5), 9], [gd(2012, 1, 6), 7], [gd(2012, 1, 7), 5], [gd(2012, 1, 8), 4],
|
|
|
- [gd(2012, 1, 9), 7], [gd(2012, 1, 10), 8], [gd(2012, 1, 11), 9], [gd(2012, 1, 12), 6],
|
|
|
- [gd(2012, 1, 13), 4], [gd(2012, 1, 14), 5], [gd(2012, 1, 15), 11], [gd(2012, 1, 16), 8],
|
|
|
- [gd(2012, 1, 17), 8], [gd(2012, 1, 18), 11], [gd(2012, 1, 19), 11], [gd(2012, 1, 20), 6],
|
|
|
- [gd(2012, 1, 21), 6], [gd(2012, 1, 22), 8], [gd(2012, 1, 23), 11], [gd(2012, 1, 24), 13],
|
|
|
- [gd(2012, 1, 25), 7], [gd(2012, 1, 26), 9], [gd(2012, 1, 27), 9], [gd(2012, 1, 28), 8],
|
|
|
- [gd(2012, 1, 29), 5], [gd(2012, 1, 30), 8], [gd(2012, 1, 31), 25]
|
|
|
- ];
|
|
|
|
|
|
- var data3 = [
|
|
|
- [gd(2012, 1, 1), 800], [gd(2012, 1, 2), 500], [gd(2012, 1, 3), 600], [gd(2012, 1, 4), 700],
|
|
|
- [gd(2012, 1, 5), 500], [gd(2012, 1, 6), 456], [gd(2012, 1, 7), 800], [gd(2012, 1, 8), 589],
|
|
|
- [gd(2012, 1, 9), 467], [gd(2012, 1, 10), 876], [gd(2012, 1, 11), 689], [gd(2012, 1, 12), 700],
|
|
|
- [gd(2012, 1, 13), 500], [gd(2012, 1, 14), 600], [gd(2012, 1, 15), 700], [gd(2012, 1, 16), 786],
|
|
|
- [gd(2012, 1, 17), 345], [gd(2012, 1, 18), 888], [gd(2012, 1, 19), 888], [gd(2012, 1, 20), 888],
|
|
|
- [gd(2012, 1, 21), 987], [gd(2012, 1, 22), 444], [gd(2012, 1, 23), 999], [gd(2012, 1, 24), 567],
|
|
|
- [gd(2012, 1, 25), 786], [gd(2012, 1, 26), 666], [gd(2012, 1, 27), 888], [gd(2012, 1, 28), 900],
|
|
|
- [gd(2012, 1, 29), 178], [gd(2012, 1, 30), 555], [gd(2012, 1, 31), 993]
|
|
|
- ];
|
|
|
+
|
|
|
+ function drawPlot(d2){
|
|
|
+ // var data2 = [
|
|
|
+ // [gd(2012, 1, 1), 7], [gd(2012, 1, 2), 6], [gd(2012, 1, 3), 4], [gd(2012, 1, 4), 8],
|
|
|
+ // [gd(2012, 1, 5), 9], [gd(2012, 1, 6), 7], [gd(2012, 1, 7), 5], [gd(2012, 1, 8), 4],
|
|
|
+ // [gd(2012, 1, 9), 7], [gd(2012, 1, 10), 8], [gd(2012, 1, 11), 9], [gd(2012, 1, 12), 6],
|
|
|
+ // [gd(2012, 1, 13), 4], [gd(2012, 1, 14), 5], [gd(2012, 1, 15), 11], [gd(2012, 1, 16), 8],
|
|
|
+ // [gd(2012, 1, 17), 8], [gd(2012, 1, 18), 11], [gd(2012, 1, 19), 11], [gd(2012, 1, 20), 6],
|
|
|
+ // [gd(2012, 1, 21), 6], [gd(2012, 1, 22), 8], [gd(2012, 1, 23), 11], [gd(2012, 1, 24), 13],
|
|
|
+ // [gd(2012, 1, 25), 7], [gd(2012, 1, 26), 9], [gd(2012, 1, 27), 9], [gd(2012, 1, 28), 8],
|
|
|
+ // [gd(2012, 1, 29), 5], [gd(2012, 1, 30), 8], [gd(2012, 1, 31), 25]
|
|
|
+ // ];
|
|
|
+ var data2 = d2;
|
|
|
+
|
|
|
+ var data3 = d2;
|
|
|
|
|
|
|
|
|
var dataset = [
|
|
|
{
|
|
|
- label: "订单数",
|
|
|
- data: data3,
|
|
|
+ label: "调用频次",
|
|
|
+ data: data2,
|
|
|
color: "#1ab394",
|
|
|
bars: {
|
|
|
show: true,
|
|
@@ -253,7 +247,7 @@
|
|
|
var options = {
|
|
|
xaxis: {
|
|
|
mode: "time",
|
|
|
- tickSize: [3, "day"],
|
|
|
+ tickSize: [1000, "day"],
|
|
|
tickLength: 0,
|
|
|
axisLabel: "Date",
|
|
|
axisLabelUseCanvas: true,
|
|
@@ -290,16 +284,42 @@
|
|
|
color: '#838383'
|
|
|
}
|
|
|
};
|
|
|
+ $.plot($("#flot-dashboard-chart"), dataset, options);
|
|
|
+ }
|
|
|
+ function gd(year, month, day) {
|
|
|
+ return new Date(year, month - 1, day).getTime();
|
|
|
+ }
|
|
|
|
|
|
- function gd(year, month, day) {
|
|
|
- return new Date(year, month - 1, day).getTime();
|
|
|
- }
|
|
|
-
|
|
|
- var previousPoint = null,
|
|
|
- previousLabel = null;
|
|
|
+ $(document).ready(function () {
|
|
|
+ getVisualization();
|
|
|
|
|
|
- $.plot($("#flot-dashboard-chart"), dataset, options);
|
|
|
});
|
|
|
</script>
|
|
|
+<script>
|
|
|
+ function getVisualization() {
|
|
|
+ $.ajax({
|
|
|
+ url: '/MainPageController/getVisualization',
|
|
|
+ method: 'POST',
|
|
|
+ success: getVisualization_Success
|
|
|
+ })
|
|
|
+ }
|
|
|
+ function getVisualization_Success(d) {
|
|
|
+
|
|
|
+ $("#tj_interface_total").text(d.tj_interface_total);
|
|
|
+ $("#tj_dypc").text(d.tj_dypc);
|
|
|
+ $("#tj_gjpc").text(d.tj_gjpc);
|
|
|
+ $("#tj_gxpc").text(d.tj_gxpc);
|
|
|
+ $("#tj_jrbm").text(d.tj_jrbm);
|
|
|
+ $("#tj_jkgz").text(d.tj_jkgz);
|
|
|
+
|
|
|
+ var d2=[];
|
|
|
+ $.each(d.interfacePinci_day_list,function (index,data) {
|
|
|
+ var s = data.day.split("/");
|
|
|
+ var k =[gd(s[0],s[1],s[2]), data.cou];
|
|
|
+ d2.push(k);
|
|
|
+ });
|
|
|
+ drawPlot(d2);
|
|
|
+ }
|
|
|
+</script>
|
|
|
</body>
|
|
|
</html>
|