2011-07-05 99 views
29

Necesita encontrar una manera de representar un gráfico con barra de error, pero parece que no está admitiendo en el highchart en este momento. Mi plan es usar un gráfico de barras de columna de apilamiento con 0 para bajar Y como transparente, y bajar Y a Y superior con un color rojo o lo que sea que vaya a elegir más adelante.Gráfico de barras de columna de pila de ancho específico Highchart

Mi pregunta es:

¿Es posible límite del ancho de la barra de columna pila decir 1px sin tener en cuenta el nivel de zoom en highchart?

Gracias por la entrada!

Respuesta

33

Me acabo de dar cuenta de esto. pointWidth es el parámetro para establecer el ancho del ancho de la barra. También el recorrido es bueno para representar la barra de error ya que no hay ningún gráfico de javascript altamente interactivo que soporte este tipo de gráfico todavía.

+5

puede compartir un ejemplo por favor? –

+0

¡Gracias, esto me ayudó! Debes aceptar tu respuesta como correcta. – benekastah

+2

¡Eso es asombroso! Sin embargo, ahora mis barras se superponen entre sí. ¿Tuviste este problema? ¿O sabes cómo autoajustar el espacio entre cada barra? – JimmyJammed

24
series: [{ 
      name: strSeriesTitle, 
      data: arrData, 
      pointWidth: 28 
     }] 
+0

Muchas gracias ... también funciona –

13

A working DEMO para establecer el ancho de las barras de columna, independientemente del tamaño del gráfico.

Usted tendrá que utilizar la opción pointWidth como:

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     plotOptions: { 
      series: { 
       pointWidth: 40//width of the column bars irrespective of the chart size 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }] 
    }); 
}); 
+0

Está aumentando el ancho de las 'barras' pero después de eso las' barras' se superponen. Quiero aumentar el tamaño de 'barras' respectivo del tamaño del gráfico. ¿Cómo? –

9

Debe utilizar las siguientes opciones en lugar de pointWidth ser sensible y no fijo:

plotOptions: { 
    series: { 
     pointPadding: 0, // Defaults to 0.1 
     groupPadding: 0.01 // Defaults to 0.2 
    } 
}, 
+0

Incrementar 'groupPadding' es muy útil para hacer un minibar "secundario" cerca de una barra "principal" más grande. – Ifnot

+0

Gracias. No quería usar píxeles fijos y PointWidth no tomó un porcentaje de cadena. Sin embargo, con pointPadding, groupPadding y pointWidth, no los veo documentados. http://api.highcharts.com/highcharts/plotOptions.series – Turbo

Cuestiones relacionadas