canvas

[herzbazi]

muy buen dia amigos , necesito su apoyo eh estado buscando en san google la respuesta pero no la he podido encontrar

les comento

debo de poner un texto

Código Javascript:

var doughnutChartData = [
                            {
                                value: 32343,
                                color:"#F7464A"
                                aqui quiero escribir un texto pero no se como hacerlo 
                            },
 

a eh visto el document.write , ctx.fillText("Texto en el Canvas",0,0); pero no logro

podrian ayudarme gracias

[Carlangueitor]

Eso muchacho, no dice nada de tu código que usas para pintar en el canvas, no se te puede ayudar así.

saludos

[herzbazi]

Iniciado por Carlangueitor

Eso muchacho, no dice nada de tu código que usas para pintar en el canvas, no se te puede ayudar así.

saludos

muchas gracias tenes razon ,

comento un poco , mi codigo imprime graficas de pastes en donde value representa un % del circulo y color el color que tendra la seccion de la grafica ahora necesito imprimir un texto dentro , de la seccion

gracias


este es mi codigo que imprime

Código Javascript:

<script type="text/javascript">
 
                    jQuery(window).load( function(){
 
                        var radarChartData = {
                            labels : ["Education","Psychology","Mentorship","Safe Home","Economic Opportunity"],
                            datasets : [
                                {
                                    fillColor : "rgba(220,220,220,0.5)",
                                    strokeColor : "rgba(220,220,220,1)",
                                    pointColor : "rgba(220,220,220,1)",
                                    pointStrokeColor : "#fff",
                                    data : [0,0,0,5000,4700]
                                },
                                {
                                    fillColor : "rgba(151,187,205,0.5)",
                                    strokeColor : "rgba(151,187,205,1)",
                                    pointColor : "rgba(151,187,205,1)",
                                    pointStrokeColor : "#fff",
                                    data : [11540,6000,7800,5800,1500]
                                }
                            ]
 
                        };
 
                        var doughnutChartData = [
                            {
                                value: 32343,
                                color:"#F7464A"
                            },
                            {
                                value : 7600,
                                color : "#46BFBD",
                                placeholder:"hola"
                            },
                            {
                                value : 5000,
                                color : "#FDB45C"
                            },
                            {
                                value : 5000,
                                color : "#949FB1"
                            },
                            {
                                value : 12000,
                                color : "#4D5360"
                            },
                                                {
                                value : 12000,
                                color : "#4D5360"
                            }
 
                          ];
 
                        var pieChartData = [
                            {
                                value: 30,
                                color:"#F38630"
                            },
                            {
                                value : 50,
                                color : "#E0E4CC"
                            },
                            {
                                value : 100,
                                color : "#69D2E7"
                            },
                            {
                                value : 45,
                                color : "#1E73BE"
                            }
 
                        ];
 
                        var globalGraphSettings = {animation : Modernizr.canvas};
 
                        function showRadarChart(){
                            var ctx = document.getElementById("radarChartCanvas").getContext("2d");
                            new Chart(ctx).Radar(radarChartData,globalGraphSettings);
                        }
 
                        function showDoughnutChart(){
                            var ctx = document.getElementById("doughnutChartCanvas").getContext("2d");
                            new Chart(ctx).Doughnut(doughnutChartData,globalGraphSettings);
                        }
 
                        function showPieChart(){
                            var ctx = document.getElementById("pieChartCanvas").getContext("2d");
                            new Chart(ctx).Pie(pieChartData,globalGraphSettings);
                        }
 
                        $('#radarChart').appear( function(){ $(this).css({ opacity: 1 }); setTimeout(showRadarChart,300); },{accX: 0, accY: -155},'easeInCubic');
 
                        $('#doughnutChart').appear( function(){ $(this).css({ opacity: 1 }); setTimeout(showDoughnutChart,300); },{accX: 0, accY: -155},'easeInCubic');
 
                        $('#pieChart').appear( function(){ $(this).css({ opacity: 1 }); setTimeout(showPieChart,300); },{accX: 0, accY: -155},'easeInCubic');
 
                    });
 
                    </script>
 

que que necestio es escribir un texto

{
value: 30,
color:"#F38630"
aqui quiero escribir para que cuando se dibuje la grafica se escriba tambien
},

[Carlangueitor]

Me temo que eso lo tendrás que ver con la librería que usas para hacer gráficas. Que tampoco haz dicho cual sea.

Saludos