javascript - color - title font highcharts

Gráfico de barras de columna de pila de ancho específico de Highchart

Question

Es necesario encontrar una forma de representar un gráfico con una barra de error, pero parece que no está soportando 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.

Mi pregunta es:

¿Es posible limitar el ancho de la barra de la columna de apilamiento para decir 1px independientemente del nivel de zoom en el gráfico superior?

¡Gracias por el aporte!

Answer 1

Debe usar las siguientes opciones en lugar de pointWidth para que sea receptivo y no se pointWidth :

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

Answer 2

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

Answer 3

Una DEMO en funcionamiento para establecer el ancho de las barras de columna independientemente del tamaño del gráfico.

Deberá usar 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]
        }]
    });
});

Answer 4

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