var chart = new CanvasJS.Chart("attackChart", { toolTip:{ content:function(e){ var content; content = e.entries[0].dataPoint.indexLabel + " "+e.entries[0].dataPoint.y+"%" ; return content; } }, data: [ { type: "pie", dataPoints: [ { y:76.92, color:'\x23F07925', indexLabel:'Crocs\x20Feu' }, { y:69.23, color:'\x23ECC423', indexLabel:'Crocs\x20\u00C9clair' }, { y:53.85, color:'\x23B8A038', indexLabel:'Pi\u00E8ge\x20de\x20Roc' }, { y:46.15, color:'\x23705848', indexLabel:'Morsure' }, { y:30.77, color:'\x23B8A038', indexLabel:'Lame\x20de\x20Roc' }, { y:30.77, color:'\x23B8A038', indexLabel:'\u00C9boulement' }, { y:23.08, color:'\x23A8A878', indexLabel:'\u00C9clate\x20Griffe' }, { y:23.08, color:'\x23B8A038', indexLabel:'Tomberoche' }, { y:15.38, color:'\x23705848', indexLabel:'Coup\x20Bas' }, { y:7.69, color:'\x23A8A878', indexLabel:'Mania' }, ] } ] }); $('#count_poke_attack').html(13); chart.render();