Q&A
「parseInt( (epo{datelist[i]/max}*100))」はどういう意図のコードでしょうか? ここでエラーが出る気がしますが、意図がわからないので対策を書けません。
それと、epo と datelist には意図通りの値が入っていることは確認しましたか?
下記の3つのファイルを作成しsampleという文字をクリックするとjsデータを読み取り、グラフが作成されるようにしたいです。
今のところはsample文字をクリックしても無反応で動作しません。
作成したファイルは全て同じフォルダに配置しています。
最終的には
sampleをクリックするとlogdata.js内の全てのグラフ表示
sample1をクリックするとlogdata.js内のtype1のみ表示
sample2をクリックするとlogdata.js内のtype2のみ表示
sample3をクリックするとlogdata.js内のtype3のみ表示といった動作にしたいです。
文字クリックではなく下記の内容でボタンを作成して動作を確認したところクリックされている感じはあるのですが、変化無しでした。
<input type="button" id="button_0" value="sample" onclick="showhistogram()">
console.log("テストです")といった具合に動作を変更したらボタンは動作しているようなので
showhistogram()でデータを取得できていないか、取得はしていてもその後の動作処理に結びついていないのかなと感じてはいます。
作成ファイル
➀logdata.js 履歴データのデータ構造()
※1618930800000等は日付をミリ秒に変換
var dataset=[ {‘date':'1618930800000','type:':'4'}, {‘date':'1618930800000','type:':'4'}, {‘date':'1618930800000','type:':'5'}, 中略 {‘date':'1627484400000','type:':'3'}, {‘date':'1627484400000','type:':'4'}, {‘date':'1627484400000','type:':'1'} ];
➁bar.png 50×50ピクセル程度の画像ファイル
➂logdata.htmlの内容は下記になります
<!DOCTYPE html> <HTML> <HEAD> <TITLE>sample</TITLE> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="logdata.js"> </SCRIPT> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" > function showhistogram(argv) { var argv; var i; for(i=0;i<datalist.length;i++) { (argv==0)&&(document.images[i].height= parseInt( (epo{datelist[i]/max}*100))); } return 0; } </SCRIPT> </HEAD> <BODY> <DIV onClick="showhistogram(0)">sample</DIV> <DIV onClick="showhistogram1(0)">sample1</DIV> <DIV onClick="showhistogram2(0)">sample2</DIV> <DIV onClick="showhistogram3(0)">sample3</DIV> <DIV onClick="showhistogram4(0)">sample4</DIV> <HR> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> var i,j; var max=0; // var epo=new Object(); for(i=0;i<dataset.length;i++) { (epo[dataset[i].date])||(epo[dataset[i].date]=0); epo[dataset[i].date]++; (max < epo[dataset[i].date])&&(max = epo[dataset[i].date]); } datelist=Object.keys(epo); datelist.sort(); // document.write( '<TABLE ID="table" BORDER="1">' ); document.write('<TR>'); for(i=0; i<datelist.length;i++) { document.write('<TH>'); var tar=new Date(eval(datelist[i])); document.write( tar.getMonth()+1 ); document.write( '/' ); document.write( tar.getDate() ); ※作成したjsデータには曜日のデータはありませんが、あった場合にここに追加したい document.write('</TH>'); } document.write('</TR>'); document.write('<TR VALIGN="BOTTOM"> ALIGN="CENTER" HEIGHT="100">'); for(i=0; i<datelist.length;i++) { document.write('<TD><IMG SRC="bar.png" width="50" height="0"></TD>'); } document.write('</TR>'); document.write( '<TABLE>' ); </SCRIPT> </BODY> </HTML>
質問は編集できますので、修正するたびに別質問を立てる必要はないです。
Lhankor_Mhyさん
使い方わかってなくてすいません。
int32_tさん
「parseInt( (epo{datelist[i]/max}*100))」の部分はjsのデータが1万件ほどあるんですが、そこにある日付の出現回数を計測しそれぞれの出現回数を全体で割ってパーセント単位にした数値にしているものです。
epo と datelist にデータが格納されているかは未確認です。
どうやってチェックするのか模索中ではあります。
回答1件
0
とりあえず、目についた間違いを指摘します。網羅的に見たわけではないので、これらを全て修正したとしても、動作するとは限らないです。
parseInt( (epo{datelist[i]/max}*100)))
[とのtypoだと思います。
{‘date':'1618930800000','type:':'4'},
'とのtypoだと思います。その他も同様。
onClick="showhistogram1(0)"
showhistogram1が存在しません。その他も同様
for(i=0;i<datalist.length;i++)
datalistが存在しません。
投稿2022/08/01 08:02
編集2022/08/05 10:07総合スコア36115
ご指摘、ありがとうございます。
>parseInt( (epo{datelist[i]/max}*100)))
[とのtypoだと思います。
これはparseInt( もしくは、(epoか、{datelistの部分のいずれかだとは思いますが、どの部分を[に変えるべきですか？
>{‘date':'1618930800000','type:':'4'},
'とのtypoだと思います。その他も同様。
先頭の部分をすべて修正し、ついでに,'type:':を,'type':に修正しました。
>onClick="showhistogram1(0)"
showhistogram1が存在しません。その他も同様
この部分はfunctionも用意していません。将来的に動作させられたら良いと思うのですが、とりあえず追加しておいた部分です。
>for(i=0;i<datalist.length;i++)
datalistが存在しません。
これはvar datalist;で追加してみましたがダメでした。
teratailのサイトがアクセスしずらい状態だったので返信遅くなり、申し訳ありませんでした。
> これはparseInt( もしくは、(epoか、{datelistの部分のいずれかだとは思いますが、どの部分を[に変えるべきですか？
ご自分で書いたコードですよね？ 自分で書いたコードでこれが本当にわからないなら、基礎文法からやり直すべきです。皮肉とかではなく。
たとえ文法の理解ができなくても、総当たりで差し替えて試してみれば5分程度で済む作業ではないですか？ なぜ私に時間をかけて訊ねているのか、ちょっとよくわからないです。
[]は、配列か、プロパティアクセサか、添え字として主に使われます。そのあたりを考えてみてください。
---
> これはvar datalist;で追加してみましたがダメでした。
中身がなければ、そうでしょうね。
datalist には何が入っている想定なのですか？
logdata.jsのデータです
では、datalist に「logdata.jsのデータ」を入れなくてはいけないのではないかと思います。
もしかして、dataset と datalist を間違えてます？
低評価した方、どなたかわかりませんが、理由を教えていただけますか？
低評価増えましたね。(-1→-3)
以前にもいた、いたずらで低評価する人が来てるのかな？
マルチアカウントで荒らしをするとは、気合入ってていいですね。
> pon147さん
荒らしはあまり気にせずに、わからないことがあればコメントしてきてくださいね。
もし、すでに自力で解決しているようでしたら、自己解決の処理をお願いします。
大丈夫です。気にしていません。私の能力が低いので質問するにも言語化できてないのも要因だと思っているので。
解決はしたにはしたのですが、別のところでつまずいているので質問したいですけど、このままここで継続してもよいのでしょうか？
sample1をクリックするとlogdata.js内のtype1のみ表示
sample2をクリックするとlogdata.js内のtype2のみ表示
sample3をクリックするとlogdata.js内のtype3のみ表示といった動作を作りたいと思っています。
ボタンは作れるのですが、type別にピックアップできません。
<DIV onClick="showhistogram1(1)">sample1</DIV>でボタン1個追加し
function showhistogram(1)｛ ｝としてdatasetの'type:'の:'1'をピックアップといった感じなのでしょうけれど、わかりません。
epo が累計データだと思うのですが、こちらには type の情報が含まれないと思いますので、epo を作り直す必要がありますね。
あなたの回答
tips
プレビュー
