1

Buen día, estoy utilizando este ejemplo de HighCharts: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/chart-update/

Con 3 botones puedes cambiar el tipo de gráfica, se ve muy sencillo pero no puedo hacer que cambie a Pastel o a Puntos. Llevo esto:

$("#pie").click(function () {
          chart.update({
              chart: {
                  inverted: false,
                  polar: false,
                  pie:true,
              },
              subtitle: {
                  text: "Pastel"
              }
          });
        });

        $("#bars").click(function () {
          chart.update({
              chart: {
                  inverted: true,
                  polar: false,
                  pie,false
              },
              subtitle: {
                  text: "Barras"
              }
          });
        });

        $("#web").click(function () {
          chart.update({
              chart: {
                  inverted: false,
                  pie:false,
                  polar: true
              },
              subtitle: {
                  text: "Red"
              }
          });
3
  • Es muy sencillo siempre y cuando repliques todo el contenido. Has visto la consola para ver posibles mensajes?
    – jbkunst
    Commented el 23 may. 2017 a las 16:57
  • No arroja errores, sólo no pinta la gráfica. Commented el 23 may. 2017 a las 17:12
  • la variable polar al estar en true convierte algunos tipos de gráficos en un polar chart los cuales son: line, spline, column, area pero si quieres cambiar el tipo de gráfico debes cambiarlo de la forma en que @Alberto Díaz te indicó en la respuesta que dió, ojo que también puedes cambiar el tipo en la serie y no en el gráfico, de esta forma puedes tener varios tipos de visualizaciónes en un solo gráfico
    – LPZadkiel
    Commented el 14 ago. 2018 a las 15:56

1 respuesta 1

1

En mi caso lo he resuelto con este código, más sencillo.

$('#barras').click(function () {
    chart.update({
        chart: {
            type: 'column'
        }
    });
});

$('#lineas').click(function () {
    chart.update({
        chart: {
            type: 'line'
        }
    });
});

$('#areas').click(function () {
    chart.update({
        chart: {
            type: 'area'
        }
    });
});

1
  • Es muy recomendable que indiques una explicacion acerca del porque de tu respuesta, te recomiendo darte una visita por el recorrido para que obtengas tu primera medalla, bienvenido! Commented el 8 jul. 2017 a las 16:14

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.