質問編集履歴
1
JavaScriptの出力部について追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -71,3 +71,77 @@
|
|
|
71
71
|
・MySQL：5.6.37
|
|
72
72
|
|
|
73
73
|
・Highcharts：6.0.1
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
###JavaScript
|
|
78
|
+
|
|
79
|
+
PHPからの出力も含め、JavaScript側は以下になります。
|
|
80
|
+
|
|
81
|
+
```JavaScript
|
|
82
|
+
|
|
83
|
+
Highcharts.chart('grpgraph', {
|
|
84
|
+
|
|
85
|
+
chart: {
|
|
86
|
+
|
|
87
|
+
type: 'line'
|
|
88
|
+
|
|
89
|
+
},
|
|
90
|
+
|
|
91
|
+
title: {
|
|
92
|
+
|
|
93
|
+
text: '2017年10月歩数データ'
|
|
94
|
+
|
|
95
|
+
},
|
|
96
|
+
|
|
97
|
+
xAxis: {
|
|
98
|
+
|
|
99
|
+
categories: ['10/1','10/2','10/3','10/4','10/5','10/6','10/7','10/8','10/9','10/10','10/11','10/12','10/13','10/14','10/15','10/16','10/17','10/18','10/19','10/20','10/21','10/22']
|
|
100
|
+
|
|
101
|
+
},
|
|
102
|
+
|
|
103
|
+
yAxis: {
|
|
104
|
+
|
|
105
|
+
title: {
|
|
106
|
+
|
|
107
|
+
text: '歩数'
|
|
108
|
+
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
},
|
|
112
|
+
|
|
113
|
+
plotOptions: {
|
|
114
|
+
|
|
115
|
+
line: {
|
|
116
|
+
|
|
117
|
+
dataLabels: {
|
|
118
|
+
|
|
119
|
+
enabled: true
|
|
120
|
+
|
|
121
|
+
},
|
|
122
|
+
|
|
123
|
+
enableMouseTracking: false
|
|
124
|
+
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
},
|
|
128
|
+
|
|
129
|
+
series: [{
|
|
130
|
+
|
|
131
|
+
name: 'xxxxx',
|
|
132
|
+
|
|
133
|
+
data: [19389,10064,14089,10436,10049,10262,23054,18500,11000,10123,10036,12688,13884,13163,12789,10252,12370,12065,12535,null]
|
|
134
|
+
|
|
135
|
+
}, {
|
|
136
|
+
|
|
137
|
+
name: 'xxxxx',
|
|
138
|
+
|
|
139
|
+
data: [799,4757,2645,2325,11882,11331,11555,12087,14393,13377,12548,11819,11948,11783,12025,11225,10659,12594,11882,null]
|
|
140
|
+
|
|
141
|
+
}]
|
|
142
|
+
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
`````
|
|
146
|
+
|
|
147
|
+
PHP側では、xAxisのcategoriesと、seriesの中を生成しています。
|