FrontEnd/scatter.html at master · sdunlp/FrontEnd · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body >

		<div style="height: 500px;width: 1600px;" id="Scatter"></div>

		<!--<script type="text/javascript">
			var MyScatter = echarts.init(document.getElementById('Scatter'));

			var data = [
				[-10,
					20,
					0,
					0.75000000000000000000,
					0,
					0,
					"A000",
					"公司一"
				],
				[
					6,
					7, -0.890000000000000,
					0,
					0,
					0,
					"Z400",
					"公司二"
				],
				[
					19, -20,
					0,
					0,
					0, -18.420000000000000,
					"2000",
					"公司三"
				]
			];
			var textStyle = {
				color: '#333',
				fontStyle: 'normal',
				fontWeight: 'normal',
				fontFamily: 'sans-serif',
				fontSize: 14,
			};

			var option = {
				backgroundColor: '#fff',
				title: [{
					text: "期间：2016-12-28",
					x: '5%',
					y: 0,
					textStyle: textStyle
				}, {
					text: "存在资不抵债风险",
					x: '70%',
					y: '5%',
					textStyle: textStyle
				}, {
					text: "存在总体资金不足",
					x: '15%',
					y: '5%',
					textStyle: textStyle
				}, {
					text: "存在速动资金不足",
					x: '15%',
					y: '80%',
					textStyle: textStyle
				}, {
					text: "存在流动资金不足",
					x: '70%',
					y: '80%',
					textStyle: textStyle
				}],
				tooltip: {
					/*返回需要的信息*/
					formatter: function(param) {
						var value = param.value;
						return '<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 16px;padding-bottom: 7px;margin-bottom: 7px;"> ' + value[7] + '(' + value[6] + ')' +
							'</div>';
					}
				},
				xAxis: {
					splitLine: {
						show: false,
					},
					axisLabel: {
						show: false
					},
					axisTick: {
						show: false
					},
					max: 21,
					min: -21
				},
				yAxis: {
					splitLine: {
						show: false,
					},
					axisLabel: {
						show: false
					},
					axisTick: {
						show: false
					},
					max: 21,
					min: -21
				},
				series: [{
					name: '',
					data: data,
					type: 'scatter',
					symbolSize: 40
				}]

			}
			}

			MyScatter.setOption(option);
		</script>-->

	</body>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/diagrams/echarts.js"></script>
		<script type="text/javascript" src="js/diagrams/Scatter.js"></script>


</html>