Question

这应该很简单，但我仔细考虑了高图文档，似乎找不到专门针对文本颜色的选项（相比之下，背景，边框，线条等有特定的颜色选项））。然后我遇到了chart.style选项。似乎它应该工作 - 但不是。

在这个jsfiddle demo中，您会看到我能够更改字体系列，而不是颜色。

我错过了什么？

Answer 1

检查this example，我可以更改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"
    }
}

Answer 4

Docs

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

如何更改Highcharts中的文本颜色

4 个答案: