Hola, estoy generando una grafica de torta(pie chart), para mostrar ciertos valores, los cuales quisiera que al pasar el mouse por encima de cada porcion de la grafica el cursor se convierta en mano, ya que al dar click sobre cada porcion me lleva a una pagina que le asigne. intente con char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
You need to take a two-pronged approach to fix the problem. You can use pure CSS to do this in Firefox, Chrome, Safari, Opera, and IE 9. In IE 8 and earlier, you need to modify the CSS inside the iFrame used by the chart. I wrote an example here: http://jsfiddle.net/asgallant/W3Pss/
The example uses the jQuery library to help with browser detection and accessing the iFrame's contents.
On Tuesday, August 28, 2012 6:46:23 PM UTC-4, james0928 wrote:
> Hola, estoy generando una grafica de torta(pie chart), para mostrar > ciertos valores, los cuales quisiera que al pasar el mouse por encima de > cada porcion de la grafica el cursor se convierta en mano, ya que al dar > click sobre cada porcion me lleva a una pagina que le asigne. intente con > char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
perdon por agradecer tan tarde, me fue de mucha ayuda, pero no funciona para graficas de barras si me pudiera orientar tambien para las de barras se lo agradezco muchisimo.
El miércoles, 29 de agosto de 2012 10:58:49 UTC-5, asgallant escribió:
> You need to take a two-pronged approach to fix the problem. You can use > pure CSS to do this in Firefox, Chrome, Safari, Opera, and IE 9. In IE 8 > and earlier, you need to modify the CSS inside the iFrame used by the > chart. I wrote an example here: http://jsfiddle.net/asgallant/W3Pss/
> The example uses the jQuery library to help with browser detection and > accessing the iFrame's contents.
> On Tuesday, August 28, 2012 6:46:23 PM UTC-4, james0928 wrote:
>> Hola, estoy generando una grafica de torta(pie chart), para mostrar >> ciertos valores, los cuales quisiera que al pasar el mouse por encima de >> cada porcion de la grafica el cursor se convierta en mano, ya que al dar >> click sobre cada porcion me lleva a una pagina que le asigne. intente con >> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
On Thursday, November 15, 2012 5:59:58 PM UTC-5, james0928 wrote:
> perdon por agradecer tan tarde, me fue de mucha ayuda, pero no funciona > para graficas de barras si me pudiera orientar tambien para las de barras > se lo agradezco muchisimo.
> El miércoles, 29 de agosto de 2012 10:58:49 UTC-5, asgallant escribió:
>> You need to take a two-pronged approach to fix the problem. You can use >> pure CSS to do this in Firefox, Chrome, Safari, Opera, and IE 9. In IE 8 >> and earlier, you need to modify the CSS inside the iFrame used by the >> chart. I wrote an example here: http://jsfiddle.net/asgallant/W3Pss/
>> The example uses the jQuery library to help with browser detection and >> accessing the iFrame's contents.
>> On Tuesday, August 28, 2012 6:46:23 PM UTC-4, james0928 wrote:
>>> Hola, estoy generando una grafica de torta(pie chart), para mostrar >>> ciertos valores, los cuales quisiera que al pasar el mouse por encima de >>> cada porcion de la grafica el cursor se convierta en mano, ya que al dar >>> click sobre cada porcion me lleva a una pagina que le asigne. intente con >>> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
javascript
<script type="text/javascript">
/*********************************************GENERAMOS LA GRAFICA******************************************************/
drawChartR();
function drawChartR() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Mes');
data.addColumn('number', 'Ingresos');
data.addRows([
['Enero',50000000],
['Febrero',40000000],
]);
// Set chart options
var options = {'title':'Ingresos Admin. Enero y febrero $90000000',
'width':400,
'height':300,
'min':0};
var chartR = new google.visualization.ColumnChart(document.getElementById('Chart_divAdminist racion'));
> On Thursday, November 15, 2012 5:59:58 PM UTC-5, james0928 wrote:
>> perdon por agradecer tan tarde, me fue de mucha ayuda, pero no funciona >> para graficas de barras si me pudiera orientar tambien para las de barras >> se lo agradezco muchisimo.
>> El miércoles, 29 de agosto de 2012 10:58:49 UTC-5, asgallant escribió:
>>> You need to take a two-pronged approach to fix the problem. You can use >>> pure CSS to do this in Firefox, Chrome, Safari, Opera, and IE 9. In IE 8 >>> and earlier, you need to modify the CSS inside the iFrame used by the >>> chart. I wrote an example here: http://jsfiddle.net/asgallant/W3Pss/
>>> The example uses the jQuery library to help with browser detection and >>> accessing the iFrame's contents.
>>> On Tuesday, August 28, 2012 6:46:23 PM UTC-4, james0928 wrote:
>>>> Hola, estoy generando una grafica de torta(pie chart), para mostrar >>>> ciertos valores, los cuales quisiera que al pasar el mouse por encima de >>>> cada porcion de la grafica el cursor se convierta en mano, ya que al dar >>>> click sobre cada porcion me lleva a una pagina que le asigne. intente con >>>> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
Haciendo pruebas me doy cuenta que no funciona cuando le pongo el atributo title, si le quito el title a la grafica si toma el estilo, pero no entiendo es porque pasa esto
El martes, 28 de agosto de 2012 17:46:23 UTC-5, james0928 escribió:
> Hola, estoy generando una grafica de torta(pie chart), para mostrar > ciertos valores, los cuales quisiera que al pasar el mouse por encima de > cada porcion de la grafica el cursor se convierta en mano, ya que al dar > click sobre cada porcion me lleva a una pagina que le asigne. intente con > char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
The title adds another element to the DOM, which is probably pushing some of the "g" elements down, so they aren't in the right place to be matched by the "nth-of-type" css pseudo-selectors. Try one of these and see if it works:
I also noticed that you left out the javascript that handles IE < 9 - that's fine if you don't have a user base with old versions of IE, or if you don't care that they don't get the pointer cursor. If you do need it to work in IE < 9, you'll have to copy the javascript from my previous post, and play around with the numbers in the ":eq(...)" selectors to match the right elements.
On Friday, November 16, 2012 9:05:15 AM UTC-5, james0928 wrote:
> Haciendo pruebas me doy cuenta que no funciona cuando le pongo el atributo > title, si le quito el title a la grafica si toma el estilo, pero no > entiendo es porque pasa esto
> El martes, 28 de agosto de 2012 17:46:23 UTC-5, james0928 escribió:
>> Hola, estoy generando una grafica de torta(pie chart), para mostrar >> ciertos valores, los cuales quisiera que al pasar el mouse por encima de >> cada porcion de la grafica el cursor se convierta en mano, ya que al dar >> click sobre cada porcion me lleva a una pagina que le asigne. intente con >> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
> The title adds another element to the DOM, which is probably pushing some > of the "g" elements down, so they aren't in the right place to be matched > by the "nth-of-type" css pseudo-selectors. Try one of these and see if it > works:
> I also noticed that you left out the javascript that handles IE < 9 - > that's fine if you don't have a user base with old versions of IE, or if > you don't care that they don't get the pointer cursor. If you do need it > to work in IE < 9, you'll have to copy the javascript from my previous > post, and play around with the numbers in the ":eq(...)" selectors to match > the right elements.
> On Friday, November 16, 2012 9:05:15 AM UTC-5, james0928 wrote:
>> Haciendo pruebas me doy cuenta que no funciona cuando le pongo el >> atributo title, si le quito el title a la grafica si toma el estilo, pero >> no entiendo es porque pasa esto
>> El martes, 28 de agosto de 2012 17:46:23 UTC-5, james0928 escribió:
>>> Hola, estoy generando una grafica de torta(pie chart), para mostrar >>> ciertos valores, los cuales quisiera que al pasar el mouse por encima de >>> cada porcion de la grafica el cursor se convierta en mano, ya que al dar >>> click sobre cada porcion me lleva a una pagina que le asigne. intente con >>> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
> Muchas gracias hacia mucho llevaba lidiando con este problema y gracias a > usted lo e resuelto.
> El viernes, 16 de noviembre de 2012 11:51:42 UTC-5, asgallant escribió:
>> The title adds another element to the DOM, which is probably pushing some >> of the "g" elements down, so they aren't in the right place to be matched >> by the "nth-of-type" css pseudo-selectors. Try one of these and see if it >> works:
>> I also noticed that you left out the javascript that handles IE < 9 - >> that's fine if you don't have a user base with old versions of IE, or if >> you don't care that they don't get the pointer cursor. If you do need it >> to work in IE < 9, you'll have to copy the javascript from my previous >> post, and play around with the numbers in the ":eq(...)" selectors to match >> the right elements.
>> On Friday, November 16, 2012 9:05:15 AM UTC-5, james0928 wrote:
>>> Haciendo pruebas me doy cuenta que no funciona cuando le pongo el >>> atributo title, si le quito el title a la grafica si toma el estilo, pero >>> no entiendo es porque pasa esto
>>> El martes, 28 de agosto de 2012 17:46:23 UTC-5, james0928 escribió:
>>>> Hola, estoy generando una grafica de torta(pie chart), para mostrar >>>> ciertos valores, los cuales quisiera que al pasar el mouse por encima de >>>> cada porcion de la grafica el cursor se convierta en mano, ya que al dar >>>> click sobre cada porcion me lleva a una pagina que le asigne. intente con >>>> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
