igor 6f8c1172ce Merge branch 'new_logs_format' of LInE/ivprog_log_analysis into master | před 2 roky | |
---|---|---|
css | před 3 roky | |
dist | před 3 roky | |
ivprog | před 2 roky | |
ivprog_contexto | před 2 roky | |
ivprog_menu | před 5 roky | |
js | před 3 roky | |
src | před 3 roky | |
.gitignore | před 3 roky | |
README.md | před 3 roky | |
_index.html | před 2 roky | |
alunos.php | před 3 roky | |
curso.php | před 2 roky | |
functions.php | před 2 roky | |
index.php | před 3 roky | |
package-lock.json | před 3 roky | |
package.json | před 3 roky | |
process.php | před 3 roky | |
relatorio_aluno_exercicio.php | před 2 roky | |
relatorio_exercicio.php | před 2 roky | |
webpack.config.js | před 3 roky |
Inclua os arquivos dist/style.css e line_heatmap.js no seu arquivo HTML
Inclua o seguinte código na página ou em algum outros script. Note que div_id não possui '#' e que a função init recebe como parametro uma string onde cada linha é uma entrada do log.
<script>
line_heatmap.Container.init(div_id, log_string_itracker);
</script>
Você também deve incluir a seguinte regra css
#line-heatmap-canvas { width:60%; height:60%;}
Para alterar o código é necessário ter a última versão no npm. Apenas execute npm install para instalar todas as dependências.
npm install
npm run build
npm run start
Acesse o servidor de testes em 127.0.0.1:8080