Question

我的Highcharts图表中有两个y轴。大多数选项都是一样的;对于那些，我是否必须将其复制粘贴到两个数组元素中，还是有办法避免这种情况？这是我的代码的yaxis部分（很多重复）：

 yAxis: [{
                     crosshair: {
                        color: '#FB7F1D'
                    },
                    max: 4000,
                    lineColor: '#767676',
                    gridLineColor: '#767676',
                    minorGridLineColor: '#767676',
                    minorTickColor: '#767676',
                    tickColor: '#767676',
                    labels: {
                        style: {
                            color: '#767676'
                        }
                    },
                    title: {
                        text: 'f-value',
                        style: {
                            color: '#767676'
                        }
                    }  
                },
                 //next element
                    {
                    crosshair: {
                        color: '#FB7F1D'
                    },
                    lineColor: '#767676',
                    gridLineColor: '#767676',
                    minorGridLineColor: '#767676',
                    minorTickColor: '#767676',
                    tickColor: '#767676',
                    labels: {
                        format: '${value}',
                        style: {
                            color: '#767676'
                        }
                    },
                    max: 60,
                    gridLineWidth: 0,
                    alignTicks: false,
                    opposite: true,
                    gridLineColor: '#767676',
                    title: {
                        text: 'Price',
                        style: {
                            color: '#767676'
                        }
                    }
                    }
                ],

Answer 1

不幸的是，它没有为轴提供类似plotOptions（https://api.highcharts.com/highcharts/plotOptions）的机制。

您可以在问题下方的评论中使用@ewolden提出的解决方案，也可以设置全局选项：

Highcharts.setOptions({
    xAxis: {
    title: {
        enabled: true,
        style: {
        color: '#bada55'
      }
    }
  }
});

现场演示： http://jsfiddle.net/BlackLabel/bv7L4o7t/

这种方法的主要缺点是这些选项将应用于每个图表。

如何在Highcharts中为多个y轴提供通用选项

1 个答案: