前提・実現したいこと
ホームページでグラフを表示するプログラムを組んでいます。
今のところ、以下のソースコードで軸の数値は表示されるのですが、数値が固定になってしまいます。そこで、縦軸と横軸を任意の数値に変えることができるようにしたいと考えており、スクロールバーを追加して行えるようにしたいのですが、わからないので教えていただきたいです。使用言語はHTMLとJavaScriptで、グラフを表示するのに、AnyChartを使用しています。
該当のソースコード
ソースコードの一部になります。
余分なところを省いて載せています。
<body> <input type="file" name="file" id="file"> <div id="container"></div> <script src="https://cdn.anychart.com/js/latest/anychart-bundle.min.js"></script> <script src="https://cdn.anychart.com/releases/8.4.0/js/anychart-base.min.js" type="text/javascript"></script> <script src="https://cdn.anychart.com/releases/8.4.0/js/anychart-data-adapter.min.js"></script> <script> const file = document.getElementById('file'); if (window.File && window.FileReader && window.FileList && window.Blob) { file.addEventListener('change', function (e) { const reader = new FileReader(); reader.onload = function () { anychart.data.loadCsvFile(reader.result, function (data) { data = data.split('\n').map(function(v) { var wk = v.split(','); return({x: wk[1], value: wk[0]}); }); chart = anychart.line(data); chart.title("AnyChart"); chart.container("container").draw(); }); } reader.readAsDataURL(e.target.files[0]); }, false); } else { file.style.display = 'none'; result.innerHTML = 'File APIに対応したブラウザでご確認ください'; } </script> </body>```
あなたの回答
tips
プレビュー