ça je vais jeter un œil dans la journéeporko a écrit :Comment lui dire.... width: %zspin-speed%vh; ??? <=== pas test
![Clin d’œil ;)](./images/smilies/icon_e_wink.gif)
Modérateurs : vik, Modérateurs
ça je vais jeter un œil dans la journéeporko a écrit :Comment lui dire.... width: %zspin-speed%vh; ??? <=== pas test
si tu peux partager, car perso mon chart disparait tout de suite après son apparitionPorko a écrit : EDIT: c bon vik m'a montré ! Je test ça dès que je peux
Code : Tout sélectionner
<script type="text/javascript">
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx,{
"type":"doughnut",
"data":{"labels":["Visibilité","Graphisme","Rapidité","Bande-son"],
"datasets":[{"label":"My First Dataset",
"data":[17,50,25,50],
"backgroundColor":["rgb(233,76,59)",
"rgb(54,152,221)","rgb(242,195,19)","rgb(24,189,155)"
]}
]}
});
</script>
Code : Tout sélectionner
<script src="assets/Chart.min.js"></script>
c'est pas mal çacamarade35 a écrit :@porko
http://www.chartjs.org/samples/latest/c ... -area.html" onclick="window.open(this.href);return false;
Code : Tout sélectionner
<script type="text/javascript">
function putChart() {
var diff = parseInt($('.zspin-difficulty').text());
var visi = parseInt($('.zspin-visibility').text());
var graph = parseInt($('.zspin-graphics').text());
var speed = parseInt($('.zspin-speed').text());
var sound = parseInt($('.zspin-soundtrack').text());
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: "polarArea",
options: {
scale:{
display : false,
},
legend: {
display: false,
}
},
data: {
labels: ["Visibilité", "Graphisme", "Rapidité", "Bande-son", "difficulté"],
datasets: [{
label: "My First Dataset",
data: [visi, graph, speed, sound, diff],
borderWidth: "0",
borderColor: "rgb(0,0,0)",
backgroundColor:[
"rgb(0,0,204)",
"rgb(0,204,0)",
"rgb(255,128,0)",
"rgb(204,0,204)",
"rgb(204,0,0)"
]
}
]
}
});
}
setTimeout(function(){ putChart();}, 1000);
</script>
Code : Tout sélectionner
<script type="text/javascript">
function putChart() {
var diff = parseInt($('.zspin-difficulty').text());
var visi = parseInt($('.zspin-visibility').text());
var graph = parseInt($('.zspin-graphics').text());
var speed = parseInt($('.zspin-speed').text());
var sound = parseInt($('.zspin-soundtrack').text());
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: "doughnut",
options: {
legend: {
display: false,
}
},
data: {
labels: ["Visibilité", "Graphisme", "Rapidité", "Bande-son", "difficulté"],
datasets: [{
label: "My First Dataset",
data: [visi, graph, speed, sound, diff],
borderWidth: "0",
borderColor: "rgb(0,0,0)",
backgroundColor:[
"rgb(0,0,204)",
"rgb(0,204,0)",
"rgb(255,128,0)",
"rgb(204,0,204)",
"rgb(204,0,0)"
]
}
]
}
});
}
setTimeout(function(){ putChart();}, 1000);
</script>
Code : Tout sélectionner
<div class="myChartDiv"style="position: absolute; height:5vh; width:15vh"><canvas id="myChart"></canvas></div>
<div class="year zspin-year zspin_d"></div>
Code : Tout sélectionner
.myChartDiv {
position: absolute;
width: 30vh;
top: 63vh;
left: 6vh;
z-index: 4;
}
Code : Tout sélectionner
top: 63.35vh;