Cómo cambiar el color del texto en Highcharts

Question

Esto debería ser bastante simple, pero he estudiado minuciosamente la documentación de Highcharts y no puedo encontrar una opción que aborde específicamente el color del texto (en contraste, hay opciones de color específicas para fondos, bordes, líneas, etc.). Luego me encontré con la opción chart.style. Es parece como debería funcionar, pero no lo hace.

En este jsfiddle demo verá que pude cambiar la familia de fuentes, pero no el color.

¿Qué me estoy perdiendo?

Answer 1

cheque this example, yo era capaz de cambiar las etiquetas de colores en su jsFiddle. aquí está todo el parámetro de opciones:

Highcharts.setOptions({ 
    chart: { 
     style: { 
      fontFamily: 'monospace', 
      color: "#f00" 
     } 

    }, 
    title: { 
     style: { 
     color: '#F00', 
     font: 'bold 16px "Trebuchet MS", Verdana, sans-serif' 
     } 
    }, 
    xAxis: { 
     gridLineWidth: 1, 
     lineColor: '#000', 
     tickColor: '#000', 
     labels: { 
     style: { 
      color: '#F00', 
      font: '11px Trebuchet MS, Verdana, sans-serif' 
     } 
     }, 
     title: { 
     style: { 
      color: '#333', 
      fontWeight: 'bold', 
      fontSize: '12px', 
      fontFamily: 'Trebuchet MS, Verdana, sans-serif' 

     }    
     } 
    }, 
    yAxis: { 
     minorTickInterval: 'auto', 
     lineColor: '#000', 
     lineWidth: 1, 
     tickWidth: 1, 
     tickColor: '#000', 
     labels: { 
     style: { 
      color: '#F00', 
      font: '11px Trebuchet MS, Verdana, sans-serif' 
     } 
     }, 
     title: { 
     style: { 
      color: '#333', 
      fontWeight: 'bold', 
      fontSize: '12px', 
      fontFamily: 'Trebuchet MS, Verdana, sans-serif' 
     }    
     } 
    }, 
}); 

Answer 2

casi todas las opciones de gráficos de alta puede haber estilo aplicado a él, como yo he hecho con el eje y en este ejemplo:

http://jsfiddle.net/h3azu/

También recomendaría ir a esta página,

http://www.highcharts.com/demo/combo-dual-axes

y haciendo clic en "opciones de vista" para tener una idea de otras maneras la opción 'estilo' se puede utilizar para el color del texto.

Answer 3

Mirando a través de highcharts.src.js puede personalizar los elementos individuales, por ejemplo, cambié el gráfico de su ejemplo a título y el color se recogió;

title: { 
    style: { 
     fontFamily: 'monospace', 
     color: "#f00" 
    } 
}