highchart Axis值颜色

时间:2013-09-15 16:02:47

标签: highcharts

我在highcharts api文档中找不到每个Axis的颜色值。 换句话说,我的意思是改变每个轴左/下侧的数字颜色。

目前Axis的配置如下:

            xAxis: {
                lineColor: '#d8efe3',
                labels: {
                    formatter: function() {
                        return this.value; // clean, unformatted number for year
                    }
                }
            },
            yAxis: {
                lineColor: '#d8efe3',
                gridLineColor: '#d8efe3',
                title: {
                    text: null
                },
                labels: {
                    formatter: function() {
                        return this.value / 1000 +'k';
                    }
                }
            },

编辑: 图表没有什么特别之处,无论如何都假设图表就像这个一样简单: http://jsfiddle.net/highcharts/llexl/

2 个答案:

答案 0 :(得分:5)

我相信你指的是labels。只需更改yAxis label的{​​{3}}。

style

       xAxis: {
            lineColor: '#d8efe3',
            labels: {
                formatter: function() {
                    return this.value; // clean, unformatted number for year
                }
            }
        },
        yAxis: {
            labels: {
                 style: {
                     color: 'orange'
                 },
                 formatter: function() {
                    return this.value / 1000 +'k';
                 }
            },
            lineColor: '#d8efe3',
            gridLineColor: '#d8efe3',
            title: {
                text: null
            }
        },

希望这有帮助,如果您有任何问题,请告诉我们!

答案 1 :(得分:1)

这应该将x和y轴标签颜色更改为红色。我相信这就是你要找的东西。

xAxis: {
  lineColor: '#d8efe3',
    labels: {
      style: {
        color: 'red'
      },
      formatter: function() {
        return this.value; // clean, unformatted number for year
      }
    }
  }
},

yAxis: {
  lineColor: '#d8efe3',
  gridLineColor: '#d8efe3',
  title: {
    text: null
  },
  labels: {
    style: {
      color: 'red'
    },
    formatter: function() {
     return this.value / 1000 +'k';
   }
 }

},

example Docs