0

Sobre highcharts.

$('#container').highcharts({

   	chart: {
        type: 'pie'
    },
		tooltip: {
        enabled: false
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: false
            },
            showInLegend: true
        }
    },
    series: [{
        color: '#FF0000',
        allowPointSelect: true,
        data: [1,2,3,4]
    }]

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

Al hacer click

introducir la descripción de la imagen aquí

ponle titulo.

introducir la descripción de la imagen aquí

Muchas gracias de antemano.

4
  • Mira Cómo preguntar para que tu pregunta sea mejor recibida. Tambien, aprovecha y haz el recorrido de bienvenida para entender mejor como funcionamos y de paso obtener tu primera medalla!
    – gbianchi
    Commented el 15 ene. 2018 a las 15:20
  • @gbianchi Ok... Commented el 15 ene. 2018 a las 15:29
  • Intenta cambiar a true el valor de enabled dentro del atributo tooltip: tooltip: {enabled: true} mas info: tooltip, este evento se dispara con un evento over y no justamente con un click Commented el 15 ene. 2018 a las 15:42
  • @ÁngelHernández Si vi, es dificil. Commented el 15 ene. 2018 a las 15:55

1 respuesta 1

0

$('#container').highcharts({

   	chart: {
        type: 'pie'
    },
		tooltip: {
        enabled: true
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true
            },
            showInLegend: true
        }
    },
    series: [{
        color: '#FF0000',
        allowPointSelect: true,
        data: [1,2,3,4]
    }]

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

Esto es lo que puedes hacer con el hover. Cuando la utilicé en su día, no venía con lo que pides de serie, ni individualizando cada 'pie'. Puedes dejar una leyenda permanente y los datos con hover. Te dejo el ejemplo aunque lo habrás probado supongo.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.