Как изменить цвет текста в Highcharts

Question

Это должно быть довольно просто, но я внимательно изучил документацию по старшим диаграммам и, похоже, не могу найти вариант, который бы конкретно относился к цвету текста (в отличие от этого, существуют определенные варианты цвета для фона, границ, линий и т. Д..).Затем я наткнулся на параметр chart.style .Это кажется , как будто оно должно работать - но не работает.

В этой jsfiddle demo вы увидите, что я смог изменить семейство шрифтов,но не цвет.

Чего мне не хватает?

Answer 1

check в этом примере , я смог изменить цвета меток на вашем jsfiddle. вот весь параметр параметров:

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

почти к каждому параметру в верхних графиках можно применить стиль, как я сделал с осью Y в этом примере:

http://jsfiddle.net/h3azu/

Я бы также рекомендовал перейти на эту страницу,

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

и щелчок «Параметры просмотра», чтобы получить представление о других способах использования опции «стиль» для окрашивания текста.

Answer 3

Просматривая highcharts.src.js, вы можете стилизовать отдельные элементы, например, я изменил диаграмму в вашем примере на заголовок, и цвет выбран;

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