Criei o seguinte código HTML e adicionei-o ao componente HTML da página.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js"></script>
</head>
<body onLoad="ready()">
<canvas id="myChart" width="570" height="340"></canvas>
<script>
var ctx = document.getElementById("myChart");
var DonutChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['Vermelho', 'Amarelo', 'Azul']
datasets: [{
data: [],
backgroundColor: ['rgb(255, 99, 132)', 'rgb(255, 199, 132)', 'rgb(55, 99, 132)']
}]
},
options: {
cutoutPercentage: 50,
};
});
</script>
</body>
</html>
O que eu gostava de fazer e não estou a conseguir era ligar o gráfico à página para que este funciona-se. Até agora só me aparece o componente HTML em branco.
Sei que tenho de usar as funções postMessage() e onMessage() apenas gostava de saber que informações tenho de passar, dado o tipo de gráfico.
Alguém me poderia dar uma ideia do código que devo usar.
Agradeço desde já
Tomás Martins
Oi Tomás,
Você pode encontrar um exemplo de gráficos HTML aqui. Para mais estilos de tabela, veja esse exemplo aqui.
Para obter os dados da suas coleções de banco de dados use getItems.
https://www.wix.com/code/reference/wix-dataset.html#getItems Espero ter ajudado ;)