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

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

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

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

Ответ 1

проверьте этот пример, я смог изменить цвета ярлыков на вашем 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'
         }            
      }
   },
});

Ответ 2

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

http://jsfiddle.net/h3azu/

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

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

и нажав "параметры просмотра", чтобы получить представление о других способах использования опции "стиль" для цветного текста.

Ответ 3

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

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

Ответ 4

Документы

title:{
  text: 'Something',
  style: {"color": "#003C71", "fontSize": "18px"}
}