質問編集履歴

3

変数名の変更

2024/04/19 03:55

投稿

loving
loving

スコア52

test CHANGED
File without changes
test CHANGED
@@ -61,9 +61,9 @@
61
61
 
62
62
  ```test.js
63
63
 
64
- var test1=[3,6,8,7,6,90,80];
64
+ let sample1=[3,6,8,7,6,90,80];
65
- var test2=[7,5,3,9,2.8];
65
+ let sample2=[7,5,3,9,2.8];
66
- var suuji=[24,72,51,90];
66
+ let sample=[24,72,51,90];
67
67
 
68
68
  const button = document.getElementById('button');
69
69
 
@@ -89,7 +89,7 @@
89
89
  },
90
90
  series: [{
91
91
  name: 'スコア',
92
- data: suuji
92
+ data: sample
93
93
  }],
94
94
  grid: {
95
95
  row: {
@@ -98,8 +98,8 @@
98
98
  },
99
99
  },
100
100
  xaxis: {
101
- type: suuji,
101
+ type: sample,
102
- categories: suuji,
102
+ categories: sample,
103
103
  tickAmount: 1
104
104
  },
105
105
  yaxis: {

2

試したこと追加

2024/04/17 07:57

投稿

loving
loving

スコア52

test CHANGED
File without changes
test CHANGED
@@ -151,6 +151,10 @@
151
151
  options.xaxis.categories=test1;
152
152
  options.xaxis.type=test1;の部分が反映されません。
153
153
 
154
+ 公式サイトhttps://apexcharts.com/docs/methods/では
155
+ chart.render();で再描画されるとありましたがクリックイベントの中にchart.render();を書くとグラフの数が増えたり減ったりして思った鳥の挙動にならないため、
156
+ 試しにchart.jsのchart.update();メソッドを書いたところなぜか一部だけ(縦軸の変数)更新されました。
157
+
154
158
  ### 補足情報(FW/ツールのバージョンなど)
155
159
 
156
160
  vscode,xampp

1

修正コード

2024/04/17 07:41

投稿

loving
loving

スコア52

test CHANGED
File without changes
test CHANGED
@@ -88,7 +88,7 @@
88
88
  strokeWidth: 3
89
89
  },
90
90
  series: [{
91
- name: '気分',
91
+ name: 'スコア',
92
92
  data: suuji
93
93
  }],
94
94
  grid: {