HighCharts - ¿Cómo puedo desactivar los puntos?


83

Estoy usando HighCharts. Aquí está la documentación. Me gustaría desactivar esos puntos, pero al principio no sé cómo se llama eso. Por eso no puedo apagarlos. ¿Sabes cómo puedo matar esos puntos?

Me gustaria dar vuelta a esos puntos

Respuestas:


132

Aquí hay un ejemplo con un gráfico de líneas: http://jsfiddle.net/aeZ6P/1/

Parte importante:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

Consulte también: https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

Mismo efecto con spline: http://jsfiddle.net/aeZ6P/


2
¿Hay alguna forma de desactivar los marcadores al pasar el mouse? Intenté
mantener el mouse

5
@igrek - ¿Así? jsfiddle.net/aeZ6P/37 El código que agregué esstates: { hover: { enabled: false } }
Tim Medora

¿Hay alguna forma de desviar las líneas y mantener solo marcadores? ¿Supongo que será exactamente lo contrario de esta pregunta?
disp_name

1
@RajatAgarwal: no pude encontrar una manera adecuada de deshabilitar las líneas, pero pude ocultar las líneas estableciendo su ancho en 0px: jsfiddle.net/aeZ6P/257
Tim Medora

84

En Highcharts tenemos tres formas de deshabilitar los marcadores:

1) Desactivar para todas las series por tipo:

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2) Desactivar para una serie específica:

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3) Deshabilitar el marcador para un punto determinado:

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]

¿Y cómo deshabilitar una figura en el punto en que se desplaza sobre la línea para cada serie de datos?
Piotr

Simplemente deshabilite states.hover.
Paweł Fus

1
@ PawełFus gracias. plotOptions.series.states.hovertrabajos. Me alegro de haber visto esta publicación.
Juniuz

12

Eche un vistazo a esto de la referencia de la API de HighCharts:

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

Las opciones que necesita agregar son las siguientes:

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

Este método es bueno ya que funcionará con todos los gráficos con marcadores de puntos. Si desea un tipo de gráfico específico, consulte esto:

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

¡Disfrutar!


lo siento, pero no funciona en el hover, en el hover siempre tenga ese marcador
Emiliano
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.